Bakgrundbild syns ej, blir galen.

15 svar · 879 visningar · startad av J0h4n 10 mars 2011

J0h4nMedlem sedan mars 201122 inlägg

Frågan10 mars 2011 14:25#1

Hejsan! Har sökt på forumet men har inte hittat någon hjälp och sitter just nu me ca. 20-30 websidor uppe för att försöka lösa mitt problem utan att lyckas..

Jag har precis börjat med html/css igen efter ett års uppehåll och jag håller på att göra en hemsida anpassad för Iphone. Enklast för mig är att skapa det mesta innehållet som en bild.. sen kom jag på att jag behövde lägga text, radio knappar och liknande uppe på bilden och då kom jag in på att lägga bilden som en bakgrund med ett sepparat stylesheet.

Varav nu så kommer det ingen bild när jag går in på sidan..

Att tillägga är väl att både mitt html.doc och stylesheet.css är validerat och grönt.

Html ser ut såhär:

<?xml version = "1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>
Karta
</title>
<meta name="viewport" content="width=320" />
<link rel="StyleSheet" type="text/css" href="bakgrund_style.css" />

</head>

Css:

</div>

Vad gör jag fel? Blir galen. Hjälp en stackars nybörjare.

Ni kan hitta mina filer på länken i csskoden jag klistrade in ovan..

Mvh // J0h4n

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 14:29#2

Är det:

<div style="background-image: url([url]http://users.du.se/~h08jopel/Hemsidan/Hemsidan.jpg);[/url]
background-repeat: no-repeat;
width:320px;
height:480px;">

du har i din CSS file?
Det är fel, CSS filer är inte HTML filer.

.hemsidan {
	background-image: url([url]http://users.du.se/~h08jopel/Hemsidan/Hemsidan.jpg);[/url]
	background-repeat: no-repeat;
	width:320px;
	height:480px;
}

och sätt en klass på ditt html element:

<div class="hemsidan"></div>

(klassnamn kan självklart ändras så det passar din sida bättre).

J0h4nMedlem sedan mars 201122 inlägg

10 mars 2011 14:31#3

Tack för ett snabbt svar!

Har följt en massa anvisningar på internet på div. tutorials och forum och klistrade in det eftersom dom sa att de skulle stå så i min .css fil.

Jag får prova det du skrivit och återkommer om det funkar / inte funkar! =)

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 14:36#4

Eller så kör du direkt på dina HTML element inne i ditt HTML dokument:

<div style="background-image: url([url]http://users.du.se/~h08jopel/Hemsidan/Hemsidan.jpg);[/url]
background-repeat: no-repeat;
width:320px;
height:480px;">

</div>

fast det gillar vi inte ;)

J0h4nMedlem sedan mars 201122 inlägg

10 mars 2011 14:39#5

Nej de var ju därför jag försökte undvika det! Vill vara så noggrann som möjligt. Inte bra o fuska :p

När du skrev att jag skulle sätta en klass på mitt html element?
Menade du då att jag skulle stoppa in:

<body>
<div class="hemsidan"></div>
</body>
?

Är nybörjare som sagt..

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 14:42#6

J0h4n skrev:

När du skrev att jag skulle sätta en klass på mitt html element?
Menade du då att jag skulle stoppa in:

<body>
<div class="hemsidan"></div>
</body>
?

Är nybörjare som sagt..

Precis, sen är "hemsidan" inte kanske det bästa namnet som beskriver vad div:en är för något ;) but its up to you ;)

J0h4nMedlem sedan mars 201122 inlägg

10 mars 2011 14:43#7

Okej, gjort det! Validerade om både html o css gröna fortfarande men problemet kvarstår. :/

*edit*

börjar tro att det har någonting med min bild att göra.. vet inte vad dock för den ligger där den ska :P

*edit*

Nej bilden fungerar som den ska. Har en annan html där jag får det precis som jag vill.. dock bara genom html:

<head>
<title>
Karta
</title>
<meta name="viewport" content="width=320" />
</head>

</body>
</html>

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 14:46#8

Lägg upp din kod på nätet http://users.du.se/~h08jopel/Hemsidan/Hemsida test.html verkar bara vara den gamla versionen.

J0h4nMedlem sedan mars 201122 inlägg

10 mars 2011 14:52#9

Ah jag gör det!

Kollar du .html dokumentet som ligger i Loggade gamla doc så ser du hur jag vill ha det! Ser knasigt ut i en webläsare men surfar man in på den genom en Iphone så hamnar bilden perfekt i displayen storleksvis.

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 14:56#10

Din CSS fil är fortfarande fel.

den är inte alls som jag skrev: http://www.webforum.nu/showpost.php?p=1530848&postcount=2

en CSS beskriver hur html-element skall renderas ut, du försöker mata in HTML kod i din CSS fil... vilket är fel.

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 14:59#11

http://users.du.se/~h08jopel/Hemsidan/bakgrund_style.css.txt

är nästan rätt, förutom "> du i slutet på din height:480px;">

rad.

J0h4nMedlem sedan mars 201122 inlägg

10 mars 2011 14:59#12

Nu är den rätt, fick lov o radera mappen och ladda upp den på nytt.. Krångligt program vi använder oss av här på min högskola.. Nu ska det vara rätt om du kollar en gång till = )

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 14:59#13

bakgrund_style.css filen finns inte på servern btw, därför få du fel nu, men bakgrund_style.css.txt finns.

J0h4nMedlem sedan mars 201122 inlägg

10 mars 2011 15:02#14

Jaha.. nu faller allting på plats..

Hur sparar men en .txt till .css på datorn? På servern är det enkelt att ändra men på datorn ser jag ju inte avslutningen utan dokumentet heter ju bara bakgrund_style.css (txt syns inte)

Nu fungerar det btw! = )

*Tackar och bockar* för den halvtimme du lagt ner på mig =D

voigtann1Medlem sedan juni 20019 519 inlägg

10 mars 2011 15:05#15

J0h4n skrev:

Jaha.. nu fallar allting på plats..

Hur sparar men en .txt till .css på datorn? På servern är det enkelt att ändra men på datorn ser jag ju inte avslutningen utan dokumentet heter ju bara bakgrund_style.css (txt syns inte)

beror hur du jobbar med dina filer... är det notepad så kan jag rekomendera något annat verktyg som är lite mer snällare mot dig, notepad++ gillar jag (och är gratis). eller så sätter du i Windows (gissar på att det är det du sitter med ) att den visar filändelser http://www.hh.se/utbildning/arstudent/webbtjanster/helpdesk/vanligafragor/visafilandelseriwindows.3477.html

glöm inte sätt tråden som löst på det svar som hjälpte det ;)

J0h4nMedlem sedan mars 201122 inlägg

10 mars 2011 15:14#16

Haha komiskt nog använder jag notepad++ men bara för mina .html.. Tänkte inte på att man kunde skriva sina .css där också haha! Jag var rätt trött och förvirrad efter alla sidor jag gått igenom!

Självklart ska jag det = )