Autor Zpráva
Kry5
Profil *
Dobrý den,
můžu se zeptat jak lze v html (případně CSS) yměnit barva hzpertextového odkazu?
Ještě jak ho udělat tučný. Zkoušel jsem tento kód, ale nic se nezměnilo (pořád klasický modrý odkaz):
<b><span style="color: #2B2F16;"><a href="/nemecka-2sv.html">Další německá letadla</a></span></b>
Str4wberry
Profil
<style>
a {color: #2B2F16; font-weight: bold}
</style>
Kry5
Profil *
ok. Díky. Ale jak s to myslel? Já bych to spíš hodil do hlavičky (nebo do style.css) a pak bych to pomocí tagu DIV vložil do textu. Myslíš že by to šlo?
Kry5
Profil *
Ale i tohle funguje tak díky...
igamenir
Profil
Kry5
Je jedno jestli styluješ div nebo span, přímo u tagu nebo v externím css. Problém je, že odkaz <a> má svoji vlastní barvu a při vykreslování ho zajímá tato barva a ne barva spanu či divu, ve kterém se odkaz nachází. Musíš tedy přepsat barvu u odkazu <a>, ať už přes interní css jak je uvedeno výše od Str4wberryho, nebo v externím css a nebo přímo u tagu <a style="..">, ale vždy nastavovat přímo k a
Bubák
Profil
<style>
.dotextu a {color: #2B2F16; font-weight: bold;}
</style>

<div class="dotextu">
<a href="/nemecka-2sv.html">Další německá letadla</a>
</div>
<div>
<a href="/mimo-text.html">Mimo text</a>
</div>
Kryštof
Profil *
Díky vám všem. Mám ještě jeden dotaz kvůli kterému se mi nechce zakládat nové téma:
Mám svůj web (ve vývoji). Jak jste asi pochopili o bojových letadlech I. a II. světové války.
Snažim se udělat nějaké novinky.
Prozatim jen tak testuju a mám 1. problém:
Zkoušel jsem trochu kreténsky upravit style.css. V IE se vše zobrazuje jak má (je to hnusný, ale má to tak bejt).
V Firefox se to naopak zobrazuje podivně.
Takhle vypadá CSS kód:
#o-webu2
{
width: 650px;
margin-bottom: 20px;
}
#o-webu2 p
{
padding: 10px 20px 0px 20px;
background-color: #767863;
border-left: 1px solid black;
border-right: 1px solid black;
}

#o-webu2 h2
{
padding: 20px 20px 0px 20px;
background-color: #767863;
margin-top: 20px;
color: #2B2F16;
}

#o-webu2 span
{
display: block;
height: 21px;
background-color:#767863;
}



Takhle se zobrazuje celý web v IE (všímejte si toho čtverce asi uprostřed s nápisem "Práce na webu"):
[url=http://uloz.to/1058302/V IE.bmp]Odkaz[/url]

A v FireFoxu to blbne:
[url=http://uloz.to/1058303/v Firefox.bmp]Odkaz[/url]

Jinak bych byl radši aby novinka vypadala ten rámeček nahoře (s nápisem Letadla 1. a 2. světové války). Jeho kód je tady:
#o-webu
{
width: 650px;
margin-bottom: 20px;
}


#o-webu p
{
padding: 10px 20px 0px 20px;
border-left: 1px solid black;
border-right: 1px solid black;
}

#o-webu h2
{
padding: 20px 20px 0px 20px;
background: url('img/h2.png') no-repeat;
margin-top: 20px;
color: #2B2F16;
}

#o-webu span
{
display: block;
height: 21px;
background: url('img/cistic.png');
}


Akorát v pozadí s barvou #2B2F16. Kdyby jste mi to vytvořili takhle byl bych ještě radši!


Díky


KRY5

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0