Avatar billede kajbi Nybegynder
27. februar 2009 - 18:49 Der er 16 kommentarer og
1 løsning

Design i table

Hej
Mit design har 15 i hver side før designet begynder. Det skal se ud som det her design: http://www.privatdetektiverne.dk/ det bare lavet op til table men hvad har jeg gjort forkert.
det nye design kan ses  her:http://www.privatdetektiverne.dk/privat/
Index:
<html>
<table border="0" cellpadding="0" cellspacing="0" width="100%" valign="top">
    <tr>
        <td colspan="2" background="images/baggrund.jpg" align="center" height="125"><img src="images/dsv2.jpg" ALT="logo" align="left">
<div id="linket" style="display:inline;position:absolute;top:2px;right:2px;">

<a href="/e/engelsk.htm" target="main"><img src="images/eng-flag.gif"border="0"></a>


</div></td>
    </tr>
    <tr>
<td colspan="2" height="2"></td>
</tr>
    <tr>
        <td width="15%" background="images/baggrund.jpg"><?
include("include/menu.php");
?></td>
        <td width="85%">
<iframe name="main" border="0" scrolling="no" src="e/forsiden.htm">
</iframe>
</td>
    </tr>
</table>

</html>


style.css:
body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #FFFFFF;
}
A:link, A:visited {
font-family : Verdana;
font-size : 10pt;
color : #ffffff;
text-decoration : none;
}
A:hover {
font-family : Verdana;
font-size : 10pt;
color : silver;
text-decoration : underline;
}
td, tr {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
}


På forhånd tak :)
Avatar billede keysersoze Guru
27. februar 2009 - 19:10 #1
Du har gjort det galt, at der ikke er særlig meget HTML over dit dokument - du mangler fx en doctype samt en body og du har elementer placeret hvor de ikke hører til (fx meta og style). Før disse ting er rettet til vil det ikke give meget mening at få resten af designet tilpasset.
Avatar billede kajbi Nybegynder
27. februar 2009 - 19:29 #2
Så nu er det ændret :)

Nu skulle det "HTML BASEDE" være iorden.
Avatar billede kajbi Nybegynder
27. februar 2009 - 20:08 #4
Ved jeg , men vil gerne have designet til at se godt ud inden.
Avatar billede keysersoze Guru
27. februar 2009 - 20:26 #5
Det svarer nogenlunde til at sige man gerne vil køre i bilen uden at sætte hjul på først...

Som en start sæt både margin og padding til 0px på <body>
Avatar billede kajbi Nybegynder
27. februar 2009 - 21:19 #6
har jeg gjort i style filen?
Avatar billede kajbi Nybegynder
27. februar 2009 - 21:22 #7
Sådan :) body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
color: #FFFFFF;
}Men hjalp ikke?
Avatar billede keysersoze Guru
27. februar 2009 - 21:46 #8
Det vil virke så snart din kode er rigtig - ret op på de fejl validatoren fortæller dig der er... det nytter jo ingen ting at have 2 <body> når kun én er tilladt.
Avatar billede kajbi Nybegynder
28. februar 2009 - 10:19 #9
Har også kun 1?
Avatar billede keysersoze Guru
28. februar 2009 - 10:26 #10
linie 32 og 53
Avatar billede kajbi Nybegynder
28. februar 2009 - 11:32 #11
Tak for hjælpen :) Nu ser det sgu godt ud efter lidt rettelser :P

Men du får yderlig 200 point hvis du retter de sidste 16 fejl :)
Avatar billede keysersoze Guru
28. februar 2009 - 11:59 #12
De siger egentlig sig selv - border, height, width, target, face, size, language, name, frameBorder, scrolling, src findes ikke som lovlige attributter med den doctype du har. Nogle vil løse sig selv hvis du benytter Transitionel i stedet for Strict - og ellers skal du lægge det over i CSS, target dog i javascript.

font-elementet er heller ikke lovligt i Strict - benyt fx en div eller span i stedet og brug CSS til udseende.

iframe gælder samme regel - findes ikke i Strict. Undgå i det hele taget frames/iframes.
Avatar billede keysersoze Guru
28. februar 2009 - 12:00 #13
For ikke at det kan misforståes - jeg vil ikke anbefale dig at køre Transitional, behold det i Strict og løs det på den rigtige måde (altså CSS).
Avatar billede kajbi Nybegynder
28. februar 2009 - 12:03 #14
Forstår ikke lige helt? Transitional?
Avatar billede keysersoze Guru
28. februar 2009 - 12:08 #15
Avatar billede olebole Juniormester
28. februar 2009 - 16:52 #16
<ole>

kajbi >> hvis du vil skrive websider, er du nødt til at sætte dig ind i de allermest grundlæggende ting omkring faget  ;o)

/mvh
</bole>
Avatar billede kajbi Nybegynder
01. marts 2009 - 16:53 #17
Nu forstår jeg og lukket :)
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