11 svar · 751 visningar · startad av wally_91
Hej alla på wF!
När jag har en bakgrundsbild och använder den så håller den sig kvar på toppen. Hur ska jag få den att vara över hela sidan?
CSS-filen
body { background-image: url(bakgrundsbild.png); width: 200 px;
Jag provade med att lägga till width men jag är HELT ny till CSS så jag vet egentligen inte vad jag gör :P
Vad händer ifall du skriver html i stället för body? Och du kan ta bort width: 200 px;. Den bestämmer bara bredden på din sida.
Inget annat än det samma. Bilden är endast 1,3 cm hög (vet ej i pixlar) så det är nog därför, men jag vill få den över hela sidan.
Du har glömt en måsvinge ser jag nu. Lägg till en }. Så det ser ut så här:
body { background-image: url(bakgrundsbild.png);}
Hej wally_91!
Jag gissar att du valt en <!DOCTYPE som ställer din webbläsare i "standards mode"...
ett av kännetecknen för det är just att bakgrundsbilder (och färger med för den delen) som du ställer in för "body" bara syns under ditt innehåll och inte "slår igenom över hela webbläsarfönstret"
Testa följande CSS-snutt i början av din stilmall:
html,body {height: 100%; margin: 0; padding: 0}
Förklaring om jag gissade rätt: http://xhtml.se/2005/11/04/vadan-av-att-valja-fel-doctype/
Nej, det är fortfarande samma sak.
Jag bifogar hela koden för att inga missuppfattningar ska ske.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/Frameset.dtd">
<html>
<head>
<link rel="stylesheet" href="bakgrund.css">
<title>9:ornas årsbok - ladda upp dina bilder och föreviga dina minnen!</title>
<script type="text/javascript">
function check(th){
if (!/\.(gif|bmp|png|jpeg|jpg|jpe)$/i.test(th.pic.value)){
alert("Felaktig filtyp, vänligen välj en jpg-bild");
return false;
}
}
</script>
</head>
<body>
<!-- Start JW GÄSTBOK kod -->
<iframe src="http://www.joakimweb.se/tjanster/index.asp?gbid=18162" align="center" name="jwgb" frameborder="0" marginwidth="1" marginheight="1" width="800" height="600" scrolling="auto"></iframe>
<!-- Slut JW GÄSTBOK kod -->
<form method="post" name=f
enctype="multipart/form-data"
onsubmit="return check(this);"
action="http://www.javascript.nu/cgi4free/formmail/send.pl" METHOD="post">
<INPUT TYPE="hidden" NAME="to" VALUE="walle_axdorph@hotmail.com">
<INPUT TYPE="hidden" NAME="subject" VALUE="Bilder från årsboken">
<p>
Välj en JPEG (.jpg) bild att ladda upp:
<br>
<input type="file" name="pic" size="40"
accept="image/jpeg">
<p>
Skriv gärna en kommentar till bilden:<br>
<textarea name="expl" rows="3" cols="40"
onfocus="check();">
</textarea>
<p>
<input type="submit" value="Ladda upp!">
</form>
</body>
</html>
CSS-fil
html,body { background-image: url(bakgrundsbild.png); height: 100%; margin: 0; padding: 0;
background-repeat: repeat-x; background-attachment: fixed}
Nej, då blir det bara en "rad". Den bilden ska vara över _hela_ sidan.
Så här ser det ut med silfver:s förslag. Bild.
Så här ser det ut med jarvklo:s förslag.
Bild.
Bilden är ju en "rad", men ska man använda den som en bild som man drar ut över hela sidan? Går det då att få texten över bilden? Jag tror inte det men jag söker rådgivare :p
Jaha, du vill att bilden ska sträcka sig över hela sidan, i stället för att upprepas? Jag vet inte, men vad jag kan komma på nu så finns det ingen lösning på det. Du får göra en större bakgrundsbild i så fall.
silfver skrev:
Jaha, du vill att bilden ska sträcka sig över hela sidan, i stället för att upprepas? Jag vet inte, men vad jag kan komma på nu så finns det ingen lösning på det. Du får göra en större bakgrundsbild i så fall.
Man kan alltid fråga, så tack så mycket! Webbdesignskolan har gett mig många svar och kunskaper. De ska jag använda i framtiden. Kommer med länk i en annan tråd där detta är med, för synpunkter.
Tack för alla tips och råd men nu ska jag fortsätta och koda lite ;)
Lycka till. :)
jarvklo skrev:
Jag gissar att du valt en <!DOCTYPE som ställer din webbläsare i "standards mode"...
ett av kännetecknen för det är just att bakgrundsbilder (och färger med för den delen) som du ställer in för "body" bara syns under ditt innehåll och inte "slår igenom över hela webbläsarfönstret"
Bakgrunder på body propageras inte till hela ritytan för XHTML, men det gör det däremot i vissa fall för HTML. Det har ingenting att göra med quirks vs. standards. :bire
