[css] ruzne styly pro stejny tag

[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).

[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; }

[Wilik]

Hmm, diky... jen nechapu proc me to nefungovalo se zapisem

Kód: Vybrat vše

.obr2 { border: 1px;
 border-color: red; }  

[sheriff.wiggum]

Kód: Vybrat vše

border-style: solid;

a border: 1px; by správně mělo být zapsáno

Kód: Vybrat vše

border-width: 1px;

[bubanek]

asi nejlepší zápis pro ohraničení

Kód: Vybrat vše

border: 1px solid #FF0;

čili

Kód: Vybrat vše

border: šířka typ_čáry barva;

thats all

[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á

[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