Autor Zpráva
Standa
Profil *
Zdravim,
mam nasledujici problem: Kdyz nastavim pomoci css barvu hypertext. odkazu, tak to funguje jen pro text. Barevne ramecky kolem obrazku tim vubec nejsou ovlivneny. Stejne tak bych rad, aby se pri prejeti mysi (hover) zmenila barva, ale to zase beha jen u textu.

a:link {color: #ffdd00}
a:visited {color: #ffcc00}
a:active {color: #ffdd00}
a:hover {color: red}

priklad stranky zde.
flying gentleman
Profil
ona totiz vlastnost color:xxxx pusobi jen na text.
jinak musis dat treba border-color:xxxxxx; a bude to pusobit na obrazek;background-color pro zmenu pozadi
Standa
Profil *
No tak to bohuzel nedela vubec nic ani s textem ani s obrazky.
Standa
Profil *
Funguje to jen kdyz napisu "border: 1px solid red", ale dela to ramecky i kolem textu a ja potrebuju jen kolem obrazkovych odkazu (ne kolem vsech obrazku).
flying gentleman
Profil
to asi budes muset napsat img a {css}
Fred
Profil
flying gentleman a img {css}
Standa
Profil *
Jo dik, tohle uz funguje, ale jeste jedna malickost - mam tam odkazy, u kterych nechci, aby mely okraj. Zkousel jsem to vselijak, ale nejak se mi nepovedlo to v css nadefinovat (abych to pak mohl do odkazu napsat jako ID="neco").
Šlaha
Profil
<img class="ne-ram" src=" " />
CSS:
.ne-ram {
border: none; }
Standa
Profil *
No tak to nejde a ani jit nemuze. V css mam tohle:

a:link {color: #ffdd00}
a:visited {color: #ffaa00}
a:active {color: #ffdd00}
a:hover {color: red}

a:link img {border: 1px solid #ffdd00}
a:visited img {border: 1px solid #ffaa00}
a:active img {border: 1px solid #ffdd00}
a:hover img {border: 1px solid red}

To plati pro vsechny odkazy, ale nejak bych potreboval zajistit, aby to pro vybrane odkazy neplatilo - aby nemely ramecek.
Standa
Profil *
Aha, trocha dalsich experimentu a vyresil jsem to takhle:

<img id="NeRam" ....>
css:
#NeRam {border: 0px}

Ehm, jaky je je vlastne rozdil mezi "class" a "id" ? Proc to s class nejde?
Petra
Profil
s class to jde, akorát je potřeba napsat do CSS .NeRam {border:0px} Rozdíl je v tom, že id se dá použít jen na jeden takový obrázek, class na libovolný počet.
Standa
Profil *
For je ale v tom, ze s class to presne jak pisete to proste nejede.
Petra
Profil
No tak je tam buď někde chyba nebo se tam ta třída ještě někde předefinovala. To ale těžko někdo uhádne, když tu nemáme tu nefunkční ukázku.
Standa
Profil *
Nefunkci ukazku ???? Jako ten odkaz na zacatku? Zkousim to zatim jen doma. Uz jsem to hodil na net, ale mam to s tim ID. Problem ale je, co pise validator:
http://validator.w3.org/check?uri=http%3A%2F%2Felektronika.kvalitne.cz %2F&charset=%28detect+automatically%29&doctype=%28detect+automatically %29
FantomX1
Profil
Tak to skus takto

a.neram img {border: none}
Standa
Profil *
co to?
FantomX1
Profil
To s ID ti validator pise prave z toho dovodu, ktory tu spomenula Petra, ID je jedinecne, a preto moze byt len jedno. Pre viacero prvkov s danymi vlastnostami musis definovat triedu - class.
Petra
Profil
Standa
místo "#neram {border: 0px}" se bude muset napsat "a img.neram {border: 0px}" a pak samozřejmě místo id="neram" dát class="neram".
Standa
Profil *
Ja chapu, ze musim pouzit class, ale ono to porad nic nedela. Ted nevim, jestli se spravne vyjadrim, ale:
jak mam na zacatku toho css soyuboru nadefinovany:

a:link {color: #ffdd00}
a:visited {color: #ffaa00}
a:active {color: #ffdd00}
a:hover {color: red}

a:link img {border: 1px solid #ffdd00}
a:visited img {border: 1px solid #ffaa00}
a:active img {border: 1px solid #ffdd00}
a:hover img {border: 1px solid red}

tak to plati pro vsechny odkazy. Kdyz navic napisu k nejakemu obrazku to ID="neram", tak to funguje, protoze ID je zda se nadrazene tomu nastaveni pro vsechny prvky. Kdyz to ale napisu jako class="neram" a do css .neram {border: 0px}, tak to nedela nic - zda se, ze class je podrazene. Jinak si nedokazu vysvetlit proc to nejde. Jinak zkousel jsem vse, co pisete a nema to vliv - ramecek e tam porad.
Standa
Profil *
nejak mi to urizlo text:

tak to plati pro vsechny odkazy. Kdyz navic napisu k nejakemu obrazku to ID="neram", tak to funguje, protoze ID je
zda se nadrazene tomu nastaveni pro vsechny prvky. Kdyz to ale napisu jako class="neram" a do css .neram
{border: 0px}, tak to nedela nic - zda se, ze class je podrazene. Jinak si nedokazu vysvetlit proc to nejde. Jinak
zkousel jsem vse, co pisete a nema to vliv - ramecek e tam porad.
Petra
Profil
Standa Tak ještě jednou :-) --> a img.neram {border: 0px}
Standa
Profil *
Petra Tak jeste jednou --> nejde to!!!!!!!!!!!!!!
Proc to nekdo nezkusite?
Petra
Profil
Standa Protože jsem to zkusila a funguje to :-))

Jestli to nefunguje, tak to bylo asi špatně zapsáno, jenže to je potřeba prostě na ten web dát, jinak tu chybu nikdo nenajde.
Standa
Profil *
A hrome - ted jsem to taky zkusil (v nove strance) a slo to. Ale zaboha to nemuzu rozchodit na te co je v odkazu nahore.
Standa
Profil *
Hopla, ono to chtelo napsat totez jeste pro a:visited a a:active. Pak uz to beha.
FantomX1
Profil
Ale a:visited a a:active by malo predsa preberat vlastnosti od normalneho a, len to a treba dat pred vsetky ostatne odkazy.
Standa
Profil *
Taky bych rekl, ale bez toho to proste nefungovalo. Nebo mozna to dell jen IE. Me prave dost zarazilo,
ze ramecek tam byl nebo ne podle toho, co jsem do odkazu napsal za adresu, ale to bylo tim, ze na
nekterych jsem byl.
Jo a jeste mam jeden dotazek (a nekamenujte me za nej :-) - ted mam stranky uzavrene v tabulce s pevnou sirkou 750pix, ale asi by bylo lepsi to udelat taky pres css - jak ?
Toto téma je uzamčeno. Odpověď nelze zaslat.

0