Avatar billede apromis Praktikant
13. januar 2011 - 20:26 Der er 1 løsning

Hjælp fra table til DIV

Hej allesammen.

Jeg vil gerne overgå fra tables til DIV, rent seomæssigt.

Hvordan gør jeg det ?

Nedenstående er min html fil :

Hvis en kan hjælpe mig på vejen eller lave det, giver jeg de 200 points :)

?<!DOCTYPE html>
<html dir="ltr" lang="da-DK">
<head>
<meta charset="UTF-8" />
<title>domane.dk | Blog &#8211; Din kilde til effektiv trænning | Endnu en WordPress-blog</title>   
</head>
<body style="Background-color: #E8EAEB;">
<center>
<table style="BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; MARGIN-TOP: 1px; WIDTH: 1000px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table style="WIDTH: 1000px; border-width: 0px;" cellspacing="0" cellpadding="0" align="left">
<tbody>       
<tr VALIGN="BOTTOM" align="center" style="border-width: 0px;">           
<td colspan="7" style="font-family:Arial, Helvetica, Sans-Serif; font-size:10pt;  color:white; width: 1000px; height: 84px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_01.jpg'); background-color: #287E9B;
background-repeat: no-repeat; background-position: left top;"><b><div id="access" role="navigation"><div class="menu"><ul><li class="current_page_item"><a href="http://www.domane.dk/blog/" title="Hjem">Hjem</a></li><li class="page_item page-item-62"><a href="http://www.domane.dk/kost.php" title="Koststryring">Koststryring</a></li><li class="page_item page-item-35"><a href="http://www.domane.dk/blog/category/indeholder-generelle-nyheder-om-domane-dk" title="Nyheder">Nyheder</a></li><li class="page_item page-item-43"><a href="http://www.domane.dk/blog/category/indeholder-mine-tanker-og-praktiske-erfaringer-angaende-kosten" title="Kost">Kost</a></li><li class="page_item page-item-220"><a href="http://www.domane.dk/blog/alt-om-livsstilen-kost-og-motion" title="Livsstil">Livsstil</a></li><li class="page_item page-item-2"><a href="http://www.domane.dk/blog/om" title="Om">Om</a></li></ul></div>
</div></b></td>               
</tr>
<tr>
<td style="width: 23px; height: 171px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_02.jpg');">&nbsp;</td>
<td style="width: 8px; height: 171px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_03.jpg');">&nbsp;</td>
<td style="width: 185px; height: 171px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_05.jpg');"><table><tr><td style="padding-left: 10px; padding-right: 5px; padding-top: 5px; font-family : sans-serif; font-size : 9pt; font-style : italic;"><b>Tekst</td></tr></table></td>
<td style="width: 185px; height: 171px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_05.jpg');"><table><tr><td style="padding-left: 10px; padding-right: 5px; padding-top: 5px; font-family : sans-serif; font-size : 9pt; font-style : italic;"><b>Tekst</td></tr></table></td>
<td style="width: 185px; height: 171px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_06.jpg');"><table><tr><td style="padding-left: 10px; padding-right: 5px; padding-top: 5px; font-family : sans-serif; font-size : 9pt; font-style : italic;"><b>Tekst</td></tr></table></td>
<td colspan="2" style="width: 414px; height: 171px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_07.jpg');">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>   
<table style="WIDTH: 1000px; border-width: 0px;" cellspacing="0" cellpadding="0" align="left">
<tbody>           
<tr VALIGN="top">
<td rowspan="3" style="width: 23px; height: 734px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_08.jpg'); background-color: #287E9B;
background-repeat: no-repeat; color:black; background-position: left top;">&nbsp;</td>                   
<td rowspan="3" style="width: 16px; height: 734px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_09.jpg'); background-color: #FFFFFF;
background-repeat: no-repeat; color:black; background-position: left top;">&nbsp;</td>   
<td style="width: 710px; height: 155px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_10.jpg'); background-color: #FFFFFF;
background-repeat: no-repeat; color:ffffff; background-position: left top;">tekst</td>
<td rowspan="3" style="width: 16px; height: 734px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_11.jpg'); background-color: #FFFFFF;
background-repeat: no-repeat; color:black; background-position: left top;"></td>
   
<td rowspan="3" style="background-color: #FFFFFF; valign: TOP;">
<table cellspacing="0" cellpadding="0" align="left">
<tbody>           
<tr VALIGN="top">
<td>
<img src="http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_12.jpg" width="187" height="88" alt=""></td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 38px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_15.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 116px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_16.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 10px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_19.jpg');"></td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 15px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_20.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 38px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_21.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 116px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_22.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 10px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_23.jpg');"></td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 17px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_24.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 38px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_25.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 116px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_26.jpg');">&nbsp;</td>
</tr>
<tr valign="top">
<td style="width: 187px; height: 10px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_27.jpg');"></td>
</tr>
<tr valign="top">
<td style="background-color: #FFFFFF">&nbsp;</td>
</tr>
<tbody>
</tbody>
</table>
                   
<td rowspan="3" style="width: 15px; height: 734px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_13.jpg'); background-color: #FFFFFF;
background-repeat: no-repeat; color:black; background-position: left top;">&nbsp;</td>
                   
<td rowspan="3" style="width: 33px; height: 734px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_14.jpg'); background-color: #287E9B;
background-repeat: no-repeat; color:black; background-position: left top;">&nbsp;</td>
</tr>
<tr>               
<td style="width: 710px; height: 14px; background-image: url('http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_17.jpg'); ">&nbsp;</td>
</tr>
<tr align="left" valign="top">       
<td style="background-color: #FFFFFF;">
MAIN TEKST !
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<td><img src="http://www.domane.dk/blog/wp-content/themes/endelige/images/endelig_29.jpg" width="1000" height="61" alt=""></td>   
</td>
</tr>
</tbody>
</table>
</center>
</html>
Avatar billede apromis Praktikant
19. april 2011 - 09:07 #1
Lukker :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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