webForumDet fria alternativet

Samma div, olika höjd beroende på vilket htmldokument!

HTML & CSS

3 svar · 386 visningar · startad av mMeister

Medlem sedan juni 200540 inlägg
Frågan#1

Finns det något smidigt sätt att "återanvända" en div i andra htmldokument, fast med lite små förändgringar på den?
Har för tillfället en <div> som behöver vara 10px högre på en sida, med samma innehåll som den tidigare sidan. Kändes lite onödigt att göra en helt ny #id.
Har för tillfället löst det så här:

#div1,#div2,#div3{
float:left;
width:200px;
height:100px;
background:green;}
#div2{height:110px;} /*Används i en annan sida */
#div3{background:blue;}/*Används i ytterligare en annan sida*/

Men det kändes ändå som en rätt klumpig lösning.

..Eller bör man kanske i varje htmldokument lägga in en 'standard'css och sen länka till en separat stilmall innehållande undersidans nya div's?
Oj, hehe - spårade kanske ur en del, men hoppas ni förstår problemet (:

Medlem sedan aug. 20039 340 inlägg
#2

Om jag hade varit i ditt stalle hade jag gjort sa har:

.klass123{
float:left;
width:200px;
height:100px;
background:green;}
#div2{height:110px;} /*Används i en annan sida */
#div3{background:blue;}/*Används i ytterligare en annan sida*/

Och sen satt class="klass123" pa de berorda divarna. De attribut som satts for ett id har i regel hogre prioritet an de attribut som satts for en hel klass av element.

Medlem sedan juni 200540 inlägg
#3

Joo, ungefär så har jag också provat. alltså, en id med en annan klass. Exempelvis ID't bestämmer höjden samtidigt som klassen avgör bredd, float och bakgrundsfärg etc. Det är kanske den bästa lösningen alltså? Jaja, tack för hjälpen!

Medlem sedan aug. 20039 340 inlägg
#4

Bade ID't och klassen kan ha varsin hojd, utan att nagot blir fel pa nagot satt. Om det inte finns en CSS-deklaration for t ex div2 sa anvands klassvardet. Detta ar som sagt en fullt regelriktig och tom rekommenderad metod.

249 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)