/ 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
"sidestørrelse"
Fra : Tabita Enig


Dato : 21-11-02 16:48

Hvordan gør man sin side stor nok, til at se hele ens baggrundsbillede?

(Baggrundsbilledet er en ramme (et skind) og ovenpå skal teksten være. Mit
problem nu, er at den nederste del af billedet ikke vises, fordi teksten
ikke dækker hele baggrundsbilledet)

Tabita



 
 
Niels Andersen (21-11-2002)
Kommentar
Fra : Niels Andersen


Dato : 21-11-02 17:14

Tabita Enig wrote in <3ddd003a$0$6137$ba624c82@nntp02.dk.telia.net>:
> Hvordan gør man sin side stor nok, til at se hele ens baggrundsbillede?

Du kunne fx. lave en div uden indhold, på størrelse med baggrundsbilledet.

<div id="foo" style="position: absolute; top: 0px; left: 0px; width: 600px;
height: 800px; z-index: -100;></div>

> (Baggrundsbilledet er en ramme (et skind) og ovenpå skal teksten være. Mit
> problem nu, er at den nederste del af billedet ikke vises, fordi teksten
> ikke dækker hele baggrundsbilledet)

Man kunne også gøre det på en anden måde, og lave en DIV på størrelse med
billedet, og med billedet som baggrund. I DIV'en har du så teksten og hvad
der ellers skal være.

<div id="foo" style="background-image: url(skind.png); width: 600px; height:
800px;>
Tekst, som ligger oven på skindet.
</div>

Det synes jeg umiddelbart virker mere elegant. :)

--
Mvh.

Niels Andersen
(la nels. anersyn.)

Knud Gert Ellentoft (21-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 21-11-02 17:31

"Tabita Enig" <tabitae@stofanet.dk> skrev :

>Hvordan gør man sin side stor nok, til at se hele ens baggrundsbillede?

Sørger for at der er noget indhold, du kan smide hele indholdet
ind i en <div> med width og height på
<div style="width: 100%; height: 100%; background:
url(billed.jpg) no-repeat">
Sidens indhold
</div>

Så i stedet for at placere baggrundsbilledet i body gør du det i
div.

Eller du kan gøre det med z-index;
<div style="position: absolute; top: 0; left: 0; z-index: 0">
<img src="billed.jpg"...>
</div>
<div style="position: absolute; top: 0; left: 0; z-index: 2">
Sidens indhold
</div>
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

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

Månedens bedste
Årets bedste
Sidste års bedste