Notifikationer

Markér alle som læst Log ud

kristinaqk Nybegynder

01. december 2003 - 12:50 Der er 6 kommentarer

Billede til baggrund

Hej!

Er lige begyndt med at lave hjemmesider og vil gerne have hjælp til no'et baggrund :o) Jeg har et billede som baggrund og vil gerne have at billedet automatisk tilpasser sig skærmbilledet. Nogen som ved det?!
Kristina
Se evt siden: http://home19.inet.tele.dk/ita/kristina/

Synes godt om

bad24 Nybegynder

01. december 2003 - 13:16 #1

Tror altså ikke du kan gøre det.
jeg har ihvertfald ikke fundet ud af det endnu :(
Men kunne sikkert nok, hvis man havde GD1 eller 2. Og fik lavet sig noget kode, der fortalte hvor stort billedet skal være. Så GDlib kan ændre det. Men ved ikke lige hvordan man gør. Og det er sikkert også alt for kombliceret.

Men ellers en smuk pige der sidder der og fryser :)
hilsen lars

Synes godt om

roenving Novice

01. december 2003 - 13:48 #2

Man kan ikke strække baggrunde, men man kan lægge et element bag alle andre og lade det indeholde baggrunds-billedet:

<style type="text/css">
html,body{height:100%;width:100%;margin:0px;padding:0px}
#bgImage{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
margin:0px;
padding:0px;
z-index:0
}
#contentDiv{
position:absolute;
top:0px;
left:0px;
background:transparent;
height:100%;
width:100%;
margin:0px;
padding:0px;
z-index:1
}
</style>

<body>
<img id="bgImage" src="mitBaggrundsBillde.jpg">
<div id="contentDiv">



</div>
</body>

-- absolut utestet, men jeg håber du kan se ideen !-)

Synes godt om

kristinaqk Nybegynder

01. december 2003 - 22:04 #3

Jeg er aldeles nybegynder så jeg kan ikke se meningen :D Men det er nu ligemeget, jeg tester den en gang i morgen. Fandt ud af at man kan fiksere billedet så det flytter med, og det er vel ok hvis ingen andre ved hvordan man gør??
Kristina

Synes godt om

roenving Novice

02. december 2003 - 01:24 #4

Ja, en background kan også gøres fixed i nyere browsere, det kan selvfølgelig være en løsning !-)

Synes godt om

kristinaqk Nybegynder

02. december 2003 - 09:34 #5

Til roenving:
Prøvede at indsætte det, men det gav ikke den ønskede effekt :D

Synes godt om

roenving Novice

02. december 2003 - 14:18 #6

Virker perfekt hos mig !-)

<html>
<head>
<title>Baggrundsbillede</title>
<style type="text/css">
html,body{height:100%;width:100%;margin:0px;padding:0px}
#bgImage{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
margin:0px;
padding:0px;
z-index:0
}
#contentDiv{
position:absolute;
top:0px;
left:0px;
background:transparent;
height:100%;
width:100%;
margin:0px;
padding:0px;
z-index:1
}
</style>
</head>
<body>
<img id="bgImage" src="../billede.jpg" style="filter:alpha(opacity=60);-moz-opacity:0.6;">
<div id="contentDiv">
<br>
<form id="minForm" name="minForm">
<input id="minInput" name="minInput" type="text" value="Tom" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="20">
<br>
<br><a href="java script:void(0)" style="text-decoration:none;color:red">Link</a>
<br>
<select name="minSelect" id="minSelect" onchange="">
<option value="">-- Vælg her --<br>
<option value="1">1<br>
<option value="2">2<br>
<option value="3">3<br>
</select>
<br>
<br>
<br>
<textarea name="mitTextarea" id="mitTextarea" cols="40" rows="5"></textarea>
<br>
<br>

<button name="button1" id="button1" onmouseover="this.form.button2.style.display='block';" onclick="location.href='enAndenSide.html';">Mus over og tryk!</button><br><br>

<button name="button2" id="button2" style="display:none;">En ny knap!</button>

</form>
<br>
<br>

<div id="minDiv">En div-tekst</div>
<span id="minSpan">En span-tekst</span>

</div>
</body>
</html>

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS