[css] ruzne styly pro stejny tag

Vývojová prostředí, aplikace, skripty, http://www... síťové programy, internet, sdílení...
Odpovědět
Wilik
Administrátor
Administrátor
Uživatelský avatar
Registrován: 04. čer 2003
Bydliště: Brno

[css] ruzne styly pro stejny tag

Příspěvek 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).
sheriff.wiggum
Začátečník
Začátečník
Uživatelský avatar
Registrován: 08. dub 2005
Bydliště: Skotsko/Ceska republika
Kontaktovat uživatele:

Příspěvek 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; }
Wilik
Administrátor
Administrátor
Uživatelský avatar
Registrován: 04. čer 2003
Bydliště: Brno

Příspěvek od Wilik »

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

Kód: Vybrat vše

.obr2 { border: 1px;
 border-color: red; }  
sheriff.wiggum
Začátečník
Začátečník
Uživatelský avatar
Registrován: 08. dub 2005
Bydliště: Skotsko/Ceska republika
Kontaktovat uživatele:

Příspěvek 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:
bubanek
Středně pokročilý
Středně pokročilý
Uživatelský avatar
Registrován: 24. dub 2005
Bydliště: D1

Příspěvek 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
crashPC
Mírně pokročilý
Mírně pokročilý
Uživatelský avatar
Registrován: 09. dub 2005
Bydliště: Slaný

Příspěvek 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
Lenovo ideapad 16“, Ryzen 5800H (8C/16T) 16GB DDR4 @ 3200MHz, 1TB M.2 SSD
We are not here because we're free, we are here because we're not free...
OndraSter
Středně pokročilý
Středně pokročilý
Uživatelský avatar
Registrován: 22. úno 2006
Bydliště: Praha / ČVUT FIT
Kontaktovat uživatele:

Příspěvek 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:
PC: i5-2500k 4.5GHz/24GB RAM/GTX560 Ti 1GB/>5TB - W7 Prof x64; Microsoft SideWinder X3 notebook: HP 6715b (4GB RAM) - W7 Prof x64;
mobil: Nokia Lumia 800 Cyan, 16GB; tablet: Toshiba Portege M200 (2GB, 64GB SSD, GeForce FX5200) - W7 Prof x32


Nahraďte Arduino výkonnější variantou!
Vývojová prostředí a nástroje | Webové prohlížeče | Seznam freehostingů
Odpovědět

Zpět na „Programování a web“