CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

younk-dk Nybegynder

17. februar 2007 - 00:05 Der er 14 kommentarer og
1 løsning

Baggrunds problem

Hey som i kan se nedenfor vil jeg gerne have outerWrap2.jpg til at være øverst, som en slags top baggrund. Der efter skal body2.jpg ligge neden under og fortsætte uendeligt...

background: url('images/body2.jpg') repeat center;
background: Url('images/outerWrap2.jpg') repeat-x;

---------------------
background: #464646 url('images/page_bg.jpg') repeat-x;

Det skal være lidt ala det her... bare ikke #464646 som baggrund men body2.jpg

Håber at i forstår hvad jeg mener..

Synes godt om

kalp Novice

17. februar 2007 - 00:07 #1

background-image: url('images/page_bg.jpg');

Synes godt om

younk-dk Nybegynder

17. februar 2007 - 00:10 #2

Synes godt om

ostyrpuda Nybegynder

17. februar 2007 - 00:23 #3

background: url(images/outerWrap2.jpg) repeat-x top;

Mener ikke du kan have 2 baggrunde i samme element, og body er et element.

Synes godt om

younk-dk Nybegynder

17. februar 2007 - 00:31 #4

Okay.
Så det eneste jeg kan gøre er at have en top baggrund og så en farve som i eksempel 2?

Synes godt om

ostyrpuda Nybegynder

17. februar 2007 - 01:04 #5

Jep, det er jeg ret sikker på

Synes godt om

mclemens Nybegynder

17. februar 2007 - 14:22 #6

Sæt den bagerste baggrund på html { }
og den øverste baggrund på body { }.

Synes godt om

mclemens Nybegynder

17. februar 2007 - 14:25 #7

html{ background: url('images/body2.jpg') repeat center; }
body{ background: url('images/outerWrap2.jpg') repeat-x; }
html,body {margin:0px;padding:0px;}

Synes godt om

younk-dk Nybegynder

17. februar 2007 - 19:13 #8

Det virker desværre ikke. Ellers et rigtig godt forsøg.

Synes godt om

mclemens Nybegynder

17. februar 2007 - 19:20 #9

Hvorfor virker det ikke ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
html{ background: url('http://www.eksperten.dk/img/flag_yellow.gif') repeat center; }
body{ background: url('http://www.eksperten.dk/img/elogo.png') repeat-x; }
html,body {margin:0px;padding:0px;}
</style>

</head><body>
hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>
</body></html>

Synes godt om

younk-dk Nybegynder

17. februar 2007 - 20:04 #10

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Det manglede jeg... Min fejl. Mange tak for hjælpen!

Synes godt om

mclemens Nybegynder

17. februar 2007 - 20:15 #11

Np, velbekom og tak for point :o)

Synes godt om

younk-dk Nybegynder

17. februar 2007 - 21:00 #12

Desværre ødelægger
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

alt der hedder <center> og efter som det er til et phpbb design er den ide droppet.. orker ikke til at rette alle sider til for at baggrunden kan se anderledes ud i toppen.

Synes godt om

mclemens Nybegynder

17. februar 2007 - 21:24 #13

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Gør så IE overholder css ordentligt, hvis det ødelægger alt andet så er der lavet noget forkert et andet sted. Uden den doctype kører du med IE i quirksmode med mangenfuld overholdelse af css, og det gør at det kan være svært at få andre browsere til at vise siden ligesom IE.

<center> bør du undgå det er deprecated. Prøv med <div style="text-align:center;"></div> eller evt. at give elementet der skal centreres style="margin:0px auto;" eller style="position:absolute;left:50%;margin-left:-halvdelenafbreddenpx;" samt det ydre element evt. placeret med position:relative;

... Og center ødelægges ikke af en doctype, så er
der lavet noget uhensigtsmæssigt kodning ...
Her er et fungerende eksempel med brug af center:

... Læg mærke til hvad IE gør hvis du i eksemplet fjerner doctypen ;)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
html{ background: url('http://www.eksperten.dk/img/flag_yellow.gif') repeat center; }
body{ background: url('http://www.eksperten.dk/img/elogo.png') repeat-x; }
html,body {margin:0px;padding:0px;}
</style>

</head><body>
<center>hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej</center><br><div style="text-align:center;">hej<br>hej<br>hej<br>hej<br>hej<br>hej<br>hej</div><br><div style="background: url('http://www.eksperten.dk/img/elogo.png');width:99px;height:110px;margin:0px auto;"> </div><br><img src="http://www.eksperten.dk/img/elogo.png" style="position:absolute;left:50%;margin-left:-50px;">
</body></html>

Synes godt om

younk-dk Nybegynder

17. februar 2007 - 21:49 #14

Okay. Så må jeg igang med at rette i koden. Men nu er det også et ret gammelt PHPBB2 Templates.

Igen mange tak for hjælpen!

Synes godt om

mclemens Nybegynder

17. februar 2007 - 22:10 #15

Velbekomme, lad det nu ikke ødelægge weekenden ;)

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
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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