Notifikationer

Markér alle som læst Log ud

fcand Nybegynder

23. august 2006 - 12:56 Der er 9 kommentarer og
1 løsning

Grr problemer med tabeller og billeder

Hej eksperter..
Jeg sidder og skal lave en hjemmeside til en kammerat som er i australien, så os i DK kan følge med i hvad han laver.

Jeg har fået lavet designet og er ved at klippe det op og bygge det op i HTML m/styles men jeg har et problem som jeg ikke kan gennemskue... Kig på følgende links:

http://www.afcdesign.dk/mads/ (HTML)
http://www.afcdesign.dk/mads/design.jpg (JPEG)

Det sidste link som er et billede, er sådan designet skal se ud og det ovenstående er det jeg har lavet i HTML og css styles.. hvad er det jeg gør forkert? Det er nederste halvdel af billedet af australien den er galt med...

Synes godt om

fcand Nybegynder

23. august 2006 - 13:40 #1

ingen der kan hjælpe??

Synes godt om

fcand Nybegynder

23. august 2006 - 13:48 #2

til de dovne så er kildekoden her: ;)

<html>
<head>
<title>design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table id="main" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3" class="left"> </td>
<td colspan="6" class="header"> </td>
<td rowspan="3" class="right"> </td>
</tr>
<tr>
<td class="menuleft"><img src="images/images/menuleft_04.gif" border="0"></td>
<td class="forsiden"><img src="images/images/forsiden_05.gif" border="0"></td>
<td class="billeder"><img src="images/images/billeder_06.gif" border="0"></td>
<td class="gaestebog"><img src="images/images/gaestebog_07.gif" border="0"></td>
<td class="kontakt"><img src="images/images/kontakt_08.gif" border="0"></td>
<td class="menuright"><img src="images/images/menuright_09.gif" border="0"></td>
</tr>
<tr>
<td colspan="6" class="mainframe">hej</td>
</tr>
</table>

</body>
</html>



html {
background-image:url(../images/images/baggrund.jpg);
background-repeat:repeat-y;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#ffffff;
margin:0px 0px 0px 0px;
}

td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#main {
width:761px;
vertical-align:top;
}

.mainframe {
background-image:url(../images/images/australien_10.gif);
background-color:#fefcf2;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top left;
vertical-align:top;
padding:5px;
height:223px;
}

.left {
width:128px;
background-image:url(../images/images/topleft_01.gif);
background-repeat:no-repeat;
vertical-align:top;
}

.right {
width:76px;
background-image:url(../images/images/topright_03.gif);
background-repeat:no-repeat;
vertical-align:top;
}

.header {
background-image:url(../images/images/header_02.gif);
width:557px;
height:128px;
vertical-align:top;
}

.menuleft {
background-image:url(../images/images/menuleft_04.gif);
width:39px;
height:20px;
vertical-align:top;
}

.forsiden {
background-image:url(../images/images/forsiden_05.gif);
width:111px;
height:20px;
vertical-align:top;
}

.billeder {
background-image:url(../images/images/billeder_06.gif);
width:109px;
height:20px;
vertical-align:top;
}

.gaestebog {
background-image:url(../images/images/gaestebog_07.gif);
width:116px;
height:20px;
vertical-align:top;
}

.kontakt {
background-image:url(../images/images/kontakt_08.gif);
width:114px;
height:20px;
vertical-align:top;
}

.menuright {
background-image:url(../images/images/menuright_09.gif);
width:68px;
height:20px;
vertical-align:top;
}

a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF6000;
text-decoration:none;
}

a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF6000;
text-decoration:none;
}

Synes godt om

Slettet bruger

23. august 2006 - 14:55 #3

For det første: Sæt en doctype på din side, eller overholder IE nemlig ikke samme regler som andre browsere.

For det andet, så er IE6 ikke helt enig med resten af verden om hvordan background-attachment: fixed skal forstås. Det er omtalt her: http://meyerweb.com/eric/css/edge/complexspiral/demo.html

Synes godt om

fcand Nybegynder

23. august 2006 - 21:40 #4

sandbox >> hey.. okay, jamen jeg har kun IE 7 og Firefox på min pc, og der dur de heller ikke..

Synes godt om

fcand Nybegynder

23. august 2006 - 21:49 #5

hej igen >> takker så blev det problem løst da jeg fjernede background- attachment:fixed;

Men i det samme opstod et nyt problem når man ser siden i IE, nemlig at der bliver et mellemrum i de to sider..

Synes godt om

fcand Nybegynder

23. august 2006 - 22:02 #6

Så har jeg fixet det :) det havde noget med padding i cellen at gøre..

Synes godt om

fcand Nybegynder

23. august 2006 - 22:03 #7

hvis du vil have points skriver du bare et svar ;) tak for hjælpen

Synes godt om

Slettet bruger

23. august 2006 - 22:03 #8

Ok, så bør du lige vide, at i IE7 (ifølge listen over bugfixes) så er netop background-attachment:fixed blevet rettet, så den demo, jeg linkede til, virker faktisk i den færdige udgave af IE7.

Synes godt om

Slettet bruger

23. august 2006 - 22:04 #9

svar.

Synes godt om

fcand Nybegynder

23. august 2006 - 22:07 #10

okay, jamen jeg kører jo selvfølgelig beta af ie 7 så derfor det ikke virkede, men det var lækkert at det gør nu, der var jo heller ingen grund til at den baggrund skulle være fixed, det var bare fordi jeg havde taget et gammelt stylesheet og copy pastet fra :P - så slut med det!!

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