Stránka 1 z 1
[css] ruzne styly pro stejny tag
Napsal: úte 4. pro 2007, 22:21
od Wilik
Mam takovy problem - na webove strance je 20 obrazku, ktere maji obsahovat ramecek a ten ma mit cervenou barvu a pak dalsich 20 obrazku, ktere zas zadny ramecek obsahovat nemaji.
Tzn. nemuzu v CSS pouzit jednotny styl pro tag IMG, ale snazim se nadefinovat sve 2 styly, ktere pak pouziju (.obr1 a .obr2). To me vsak nejak nefunguje - umel by mi nekdo poradit jak na to a kam presne pote ten style zapsat (jako ve vlastnim html kodu).
Napsal: úte 4. pro 2007, 23:49
od sheriff.wiggum
Kód: Vybrat vše
<img src="./nahaty-wilik-na-plazi-s-rameckem.jpg" width="1280" height="1024" alt="sexy wilik na plazi" class="obr1" />
<img src="./nahaty-wilik-na-plazi-bez-ramecku.jpg" width="1280" height="1024" alt="sexy wilik na plazi" class="obr2" />
Kód: Vybrat vše
.obr2 { border: 0; }
.obr2 { border: 2px solid #FF0000; }
Napsal: stř 5. pro 2007, 00:03
od Wilik
Hmm, diky... jen nechapu proc me to nefungovalo se zapisem
Kód: Vybrat vše
.obr2 { border: 1px;
border-color: red; }
Napsal: stř 5. pro 2007, 00:11
od sheriff.wiggum
a border: 1px; by správně mělo být zapsáno

Napsal: stř 5. pro 2007, 00:27
od bubanek
asi nejlepší zápis pro ohraničení
čili
thats all
Napsal: stř 5. pro 2007, 09:27
od crashPC
taktak.
jinak prostě naspat potřebnej počet tříd a tím tedy způsobů manipulace a orámečkování no a pak každýmu obrázku napsat tu správnou třídu. To fungovat musí, jedině že bys to měl rozbitý jako já

Napsal: stř 5. pro 2007, 14:55
od OndraSter
Nedoporucuju pouzivat veci, ktere definuji napr nejdriv pozadi a pak napr vysku a opakovani se do vice radku, vzdy jen jeden (tzn margin-left: 11px; margin-top: 10px; schvaluju):
Spatne je tedy:
border: bla;
border-color: #FFF;
nebo
background-image: url('./logo.png');
background: no-repeat;
je treba vse davat do jedny definice:
border: 1px solid #FFF;
nebo
background: url('./logo.png') no-repeat;
me to fungovalo vzdy jen z poloviny. A nejsem sam, taky mel nekdo na IRC problem, ja si toho nahodou vsiml a poprve jsem v CSS spravne poradil
