Svenska 3D-Tåg - Forum - Problem med DIV

Svenska 3D-Tåg - Forum (http://www.e-buzz.se/forum/index.php)

- Off-topic (http://www.e-buzz.se/forum/forumdisplay.php?f=15)

- - Problem med DIV (http://www.e-buzz.se/forum/showthread.php?t=11411)

patrik629

2006-03-11 14:40

Problem med DIV

Jag ska öppna en sida, MathiasWeb inom kort men jag har som rubriken säger,
problem med DIV-taggar.

CSS-KOD:

Kod:

#container {

width: 609px;

}



#logo {

width: 609px;

height: 103px;

background-image: URL(topp.mathias.PNG);

float: right;

}



#meny {

width: 609px;

height: 22px;

background-image: URL(meny.mathias.PNG);

float: right;

}



#mitten {

width: 609px;

background-image: URL(main.mathias.PNG);

float: right;

}





#under {

width: 609px;

height: 15px;

background-image: URL(botten.mathias.PNG);

float: right;

}

HTML-KOD:

Kod:

<html>

<head>

<title>

</title>

</head>

<body>

<div id="container">

<div id="logo"></div>

<div id="meny"></div>

<div id="mitten"></div>

<div id="under"></div>

</div> 

</body>

</html>

LÄNK TILL LAYOUTEN

På sidan är det helt blankt.

Jag är lite nybörjare på just det här med DIV, kodade med tabeller förut.
Men det är lite kul att testa nya saker ibland.

Är det nån som ser nåt fel?

Olaf Lindström

2006-03-11 14:44

Kod:

background: transparent url('img/img_19.jpg');

Så ska det se ut vad gäller koden(du behöver inte ha background: transparent o det men du har glömt "nuffrarna" eller vad de nu kallas!:))
Ett annat tips är att undvika punkter i filmnamnen, det är väl knappats något problem idag men kan misstolkas vad jag vet?

patrik629

2006-03-11 14:57

Citat:

Ursprungligen postat av Olaf Lindström

Kod:

background: transparent url('img/img_19.jpg');

Tack för det! :)

Ska testa din lilla rättning nu, hoppas att det funkar...

Olaf Lindström

2006-03-11 15:02

Det ska fungera klockrent enligt vad jag kan se i din kod(efter korrektionen då)!
Tillägg: Använder du något program när du kodar? Tips är att använda Macromedia Dreamweaver.Länk till din css mall bör se ut ungefär såhär:

Kod:

<link href="index.css" rel="stylesheet" type="text/css" />

Trevligt att du kör med css och div taggar istället för det mindre funktionella table. Bygger just nu på en sida som jag publicerar senare under dagen i webbdesigntråden längre ner i OT delen!:)

patrik629

2006-03-11 15:08

Kom just på en detalj...
Behöver man inte en länkning till CSS-koden?

Så brukar det vara i de flesta fall... x)

EDIT:

Citat:

Ursprungligen postat av Olaf Lindström

Länk till din css mall bör se ut ungefär såhär:

Kod:

<link href="index.css" rel="stylesheet" type="text/css" />

Fast, det där är väl XHTML?
Så långt har jag tyvärr inte kommit! :)

Kod:

<link href="index.css" rel="stylesheet" type="text/css" >

Nåt sånt här, va?

Olaf Lindström

2006-03-11 17:32

Citat:

Ursprungligen postat av patrik629

Kom just på en detalj...
Behöver man inte en länkning till CSS-koden?

Så brukar det vara i de flesta fall... x)

EDIT:

Fast, det där är väl XHTML?
Så långt har jag tyvärr inte kommit! :)

Kod:

<link href="index.css" rel="stylesheet" type="text/css" >

Nåt sånt här, va?

Jo, fast mellanrummet på slutet kan skippas, sådana kan vålla problem när IE får tolka kod(skitprogram)...;)

Ett tips om du vill få din sida att fungera bra i många webbläsare är att du använder dig av "validerad" kod. För att validera din kod kan du gå in på http://validator.w3.org!

patrik629

2006-03-11 21:52

Citat:

Ursprungligen postat av Olaf Lindström

Ett tips om du vill få din sida att fungera bra i många webbläsare är att du använder dig av "validerad" kod. För att validera din kod kan du gå in på http://validator.w3.org!

Ska checka det!
Annars så funkar layouten nu i både IE och FF, som är de mest vanliga webbläsarna.
Fast jag fick avstå från padding, det hände nåt i FF...
Så jag har en text som visas lite utanför layouten! -.-
Men förutom det, så är sidan klar! :)

EDIT:
Min CSS-kod fick godkänt :), men sidan kunde inte läsa HTML dokumentet. Inte särsilt bra, kanske...

EDIT2:

Jag körde html-koden i "direct input" och den fick också godkänt. ^^

http://www.w3.org/Icons/valid-html401.png
http://jigsaw.w3.org/css-validator/images/vcss

Alla tider är GMT +2. Klockan är nu 09:19.