/ 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
CSS: 3 boxe med bagrundsbillede
Fra : Jacob ..


Dato : 07-05-05 16:21

Jeg har 3 boxe ved siden af hinanden:

[box 1][box 2][box 3]

Ser således ud:

#spalte1 {
   float:left;
   width:299px;
   height: 75px;
   background-image: url("/Shop/Grafik/Laura.jpg");
   background-position: left bottom;
   background-repeat: no-repeat;
}
#spalte2 {
   float:left;
   width:60.59%;
   height: 75px;
   background-image: url("/Shop/Grafik/Bar.jpg");
   background-position: bottom;
   background-repeat: repeat-x;
}
#spalte3 {
   float:right;
   width:14px;
   height: 75px;
   background-image: url("/Shop/Grafik/EndBar.jpg");
   background-position: right bottom;
   background-repeat: no-repeat;
}

Mit problem er at jeg i box 1 har angivet width i px (da
baggrundsbilledet er 299px) og det samme i box 3 (da
baggrundsbilledet er 14px). Problem hvordan får jeg sat width i
box 2 så baggrundsbilledet fylder hele box 2 ud (box 2 er jo sat
til repeat-x).

Sort snak?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (07-05-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-05-05 20:39

Jacob .. wrote:

> #spalte1 {
> float:left;
> width:299px;
[klip irrelevant kode - mht. spørgsmålet]
> }
> #spalte2 {
> float:left;
> width:60.59%;
[klip irrelevant kode - mht. spørgsmålet]
> background-image: url("/Shop/Grafik/Bar.jpg");
> background-position: bottom;
> background-repeat: repeat-x;
> }
> #spalte3 {
> float:right;
> width:14px;
[klip irrelevant kode - mht. spørgsmålet]
> }

Idet jeg går ud fra at spalte 2 skal fylde hele mellemrummet mellem
spalterne 1 og 3, vil jeg foreslå at du fjerner breddedefinitionen og float
fra #spalte2 og i stedet sætter en margin-left lig med bredden på spalte1 og
margin-right lig med bredden på spalte 3.

Så vil et i spalte 2 indsat baggrundsbillede fylde hele bredden.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk/



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste