/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
nyt baggrundsbillede - samme CSS
Fra : TL


Dato : 23-01-06 14:41

Hej alle...

På et site med 15-20 sider, hvor jeg skal beholde layout-strukturen ens på
alle siderne, og derfor kun har et CSS, vil jeg skifte baggrundsbillede i
den samme <div> for hver ny side. De jo gøres ved at sætte et nyt id på
<div>'en for hver side og rette baggrundsbilledet i CSS.

Men syntes det fylder meget i CSS med 15-20 nye div-definitioner. Hvordan
gøres det smartere (læs: med mindre kode) i ren CSS?
Evt. link.

--
med venlig hilsen

TL
- - -
www.lindkold.dk
Billig hjemmeside | Professionelt design | Lindkold Webdesign



 
 
Michael Haase (23-01-2006)
Kommentar
Fra : Michael Haase


Dato : 23-01-06 15:11

TL skrev dette den 23-01-2006 14:41:
> Hej alle...
>
> På et site med 15-20 sider, hvor jeg skal beholde layout-strukturen ens på
> alle siderne, og derfor kun har et CSS, vil jeg skifte baggrundsbillede i
> den samme <div> for hver ny side. De jo gøres ved at sætte et nyt id på
> <div>'en for hver side og rette baggrundsbilledet i CSS.
>
> Men syntes det fylder meget i CSS med 15-20 nye div-definitioner. Hvordan
> gøres det smartere (læs: med mindre kode) i ren CSS?
> Evt. link.
>
Kan du ikke beholde id'et, og så definere baggrundsbilledet på hver
enkelt side, altså tilføje noget lignende det her på dine sider?

<style type="text/css" media="screen">
   
   div.main { background-image : url("BilledeTilDenneSide.jpg");
}
   </style>
--
Michael Haase

Bertel Lund Hansen (23-01-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 23-01-06 15:11

TL skrev:

> På et site med 15-20 sider, hvor jeg skal beholde layout-strukturen ens på
> alle siderne, og derfor kun har et CSS, vil jeg skifte baggrundsbillede i
> den samme <div> for hver ny side. De jo gøres ved at sætte et nyt id på
> <div>'en for hver side og rette baggrundsbilledet i CSS.

> Men syntes det fylder meget i CSS med 15-20 nye div-definitioner.

Du kan jo ikke undgå at specificere de 20 filnavne, så meget
kortere kan det ikke gøres. Men måske gentager du hele
definitionen? Det er ikke nødvendigt.

Hvis alle div'er må have samme definition, er det nemmest:

/* Fælles definition */
div {
   margin: 0;
   padding: 5px;
   osv.
}

..et { background-image: url (min_kat.jpg); }
..to { background-image: url (min_hund.jpg); }
..tre ...

I HTML:
<div class='et'>Blablablablablablablablablablablabla</div>


Hvis der er div'er der ikke må berøres af definitionen, skal du i
stedet skrive:

/* Fælles definition */
..et, .to, .tre, osv. {
   margin: 0;
   padding: 5px;
   osv.
}

..et { background-image: url (min_kat.jpg); }
..to { background-image: url (min_hund.jpg); }
..tre ...

I HTML:
<div class='div_et'>Blablablablablablablablablablablabla</div>

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

TL (23-01-2006)
Kommentar
Fra : TL


Dato : 23-01-06 15:21


"Bertel Lund Hansen" skrev i en meddelelse

>
> Hvis alle div'er må have samme definition,

- det har de som udgangspunkt

>er det nemmest:
>
> /* Fælles definition */
> div {
> margin: 0;
> padding: 5px;
> osv.
> }
>
> .et { background-image: url (min_kat.jpg); }
> .to { background-image: url (min_hund.jpg); }
> .tre ...
>
> I HTML:
> <div class='et'>Blablablablablablablablablablablabla</div>

det lyder som den enkleste løsning - og er let at rette og ændre når
nødvendigt.


> Hvis der er div'er der ikke må berøres af definitionen, skal du i
> stedet skrive:
>
> /* Fælles definition */
> .et, .to, .tre, osv. {
> margin: 0;
> padding: 5px;
> osv.
> }
>
> .et { background-image: url (min_kat.jpg); }
> .to { background-image: url (min_hund.jpg); }
> .tre ...
>
> I HTML:
> <div class='div_et'>Blablablablablablablablablablablabla</div>


tak for forslagene...

TL
- - -
www.lindkold.dk



Christoffer (23-01-2006)
Kommentar
Fra : Christoffer


Dato : 23-01-06 20:19


"TL" <lindkoldFJERN@MIGgmail.com> skrev i en meddelelse
news:dr2mdf$1uqa$1@newsbin.cybercity.dk...
> Hej alle...
>
> På et site med 15-20 sider, hvor jeg skal beholde layout-strukturen ens på
> alle siderne, og derfor kun har et CSS, vil jeg skifte baggrundsbillede i
> den samme <div> for hver ny side. De jo gøres ved at sætte et nyt id på
> <div>'en for hver side og rette baggrundsbilledet i CSS.
>
> Men syntes det fylder meget i CSS med 15-20 nye div-definitioner. Hvordan
> gøres det smartere (læs: med mindre kode) i ren CSS?
> Evt. link.
Jeg gjorde det engang sådan et jeg kaldet billederne for sidens navn og
brugte så php til at kalde billede.
<div id="foo" style="background-image: $billede.gif;">




Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste