Dědičnost – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Dědičnost – CSS – Fórum – Programujte.comDědičnost – CSS – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
cheeester0
Stálý člen
24. 6. 2008   #1
-
0
-

Hoj, mám problém. mám asi 8 boxů které mají každý jiný barvu. Zybtek je stejné. Abych ale nemusel každému boxu vypisovat zdlouhavý stylopis (detailCours ) chtěl bych nějak zdědit styl (detailCours ) na box1 ....box3 a jen měnit barvu. Asi takto:

.detailCours {

width: 220px;
margin: 10px 20px 0px 20px;
padding: 2px 5px 2px 5px;
text-align:center;
border: #FFFFFF solid 1px;
color:#FFFFFF;
float:left;
display: inline;
background-color:#0066FF;
}

.box1#detailCours{background-color: red;}
.box2#detailCours{background-color: blue;}
.box3#detailCours{background-color: black;}


v html pak:
<div class="box1">neco v něm</div>


bohužel nevím jak na to :smile16:

děkuji

Nahlásit jako SPAM
IP: 88.146.167.–
Reklama
Reklama
pawlik0
Grafoman
24. 6. 2008   #2
-
0
-

.detailCours {

width: 220px;
margin: 10px 20px 0px 20px;
padding: 2px 5px 2px 5px;
text-align:center;
border: #FFFFFF solid 1px;
color:#FFFFFF;
float:left;
display: inline;
background-color:#0066FF;
}

.box1{background-color: red;}
.box2{background-color: blue;}
.box3{background-color: black;}


<div class="detailCours box1">neco v něm</div>

<div class="detailCours box2">neco v něm</div>
Zkus to.

Nahlásit jako SPAM
IP: 195.113.87.–
Sa Nata A Na. Howgh
cheeester0
Stálý člen
24. 6. 2008   #3
-
0
-

super! to jsem hledal jen jsem nevěděl jak to pak dostat do html. Díky moc zachranil jsi me od utrpeni

Nahlásit jako SPAM
IP: 88.146.167.–
pawlik0
Grafoman
24. 6. 2008   #4
-
0
-

dalo by se to i pomoci ID

.detailCours {

width: 220px;
margin: 10px 20px 0px 20px;
padding: 2px 5px 2px 5px;
text-align:center;
border: #FFFFFF solid 1px;
color:#FFFFFF;
float:left;
display: inline;
background-color:#0066FF;
}

#box1{background-color: red;}
#box2{background-color: blue;}
#box3{background-color: black;}
<div class="detailCours" id="box1">neco v něm</div>

<div class="detailCours" id="box2">neco v něm</div>

Nahlásit jako SPAM
IP: 89.176.203.–
Sa Nata A Na. Howgh
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 8 hostů

Podobná vlákna

Dedičnosť — založil zonda

Dedicnost ... — založil Koudis

Dědičnost — založil Bobek

Dědičnost — založil paul27

Dedičnosť — založil Grungy

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý