Avatar billede steen_hansen Forsker
26. september 2004 - 10:52 Der er 5 kommentarer og
1 løsning

Hvordan placeres <div>'s?

Hvordan omskriver følgende tabel? Ikke fordi jeg har tænkt mig at lave mine tables om til divs, men jeg er bare nysgerrig :o)

<table cellpadding="0" cellspacing="0" border="0" style="width: 755px;">
    <tr>
        <td align="left" valign="middle" colspan="2">Banner</td>
    </tr>
    <tr>
        <td align="left" valign="top" style="width: 130px;">Menu</td>
        <td align="left" valign="top" style="width: 625px;">Min tekst</td>
    </tr>
</table>
Avatar billede roenving Novice
26. september 2004 - 11:03 #1
F.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Vis divs</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/543804">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;text-align:center;}
#container{width:755px;margin:0 auto;text-align:left;}
#banner{height:130px;background:url(mitbanner.gif) no-repeat #bcd;}
#menu{width:130px;float:left;background-color:#ff5;height:400px;}
#content{width:625px;float:left;background-color:#f5f;height:400px;}
</style>
</head>

<body>
<div id="container">
  <div id="banner">Banner</div>
  <div id="menu">Din menu</div>
  <div id="content">Indholdet</div>
</div>
</body>

</html>
Avatar billede steen_hansen Forsker
26. september 2004 - 11:08 #2
Hm, ok. Hvad står bcd for? Og jeg glemte lige en bundlinie. Den kan man vel lægge ind under menu og content, på samme måde som banneret er lagt ind over?

Læg lige et svar :o)
Avatar billede roenving Novice
26. september 2004 - 11:17 #3
#bcd er bare en hex-kode i css (og betyder her det samme som bgcolor="#bbccdd" !-)

Bundlinje kan godt være besværligt, hvis man skal aligne det efter browservinduets størrelse, men ellers har du helt ret, at du 'bare' kan lægge det nedenunder !o]

Kig f.eks. på: http://www.eksperten.dk/spm/520876 og http://www.eksperten.dk/spm/497362

Du skal dog bemærke, at floats floater for alvor, så det kan være nødvendigt med en clear:left|right|both; i et efterfølgende element ...

-- og jeg overvejede i dit andet spørgsmål at tilføje, at den rettidige omhu også indbefatter, at man er klar over, hvordan man designer tabel-agtigt uden tabeller, så velbekomme '-)
Avatar billede steen_hansen Forsker
26. september 2004 - 11:23 #4
Kammerat :o)

Jeg tror jeg har fået lidt at læse og øve mig på. Vender nok frygteligt tilbage :oD
Avatar billede steen_hansen Forsker
26. september 2004 - 11:26 #5
OG tak for hjælpen igen :o)
Avatar billede roenving Novice
26. september 2004 - 11:28 #6
-- og jeg takker for point ;~}
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