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

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;
:wink:

Napsal: stř 5. pro 2007, 00:27
od 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

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á :-D

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 :roll: