tabel -> symantisk kode

harrir · 12. september 2006

Lurte på om noen kunne hjelpe meg litt med å kode disse tabellene om til div's, eller det som blir symantisk riktig.

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<body bgcolor="#ffffff">

<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
 <!-- main title -->
 <td colspan="6"><span class="pagetitle">$blog_title</span></td>
</tr>

<tr>
 <td colspan="6" bgcolor="#000000" height="1" ></td>
</tr>

<tr valign="top">
 <td bgcolor="#6699cc"><nobr>    </nobr>

 <!-- left column -->
 <td bgcolor="#6699cc">

  <p>
  <br />
  <b>About</b> <br />
  $blog_title, $blog_description<br /><br />
  My Name<br />
  <a href="mailto:me@here">me@here</a> <br />
  </p>

  <p>
  <b>Subscribe</b> <br />
  <a href="$url/index.rss">Subscribe</a> to a syndicated feed of my weblog,
  brought to you by the wonders of RSS.
  </p>

  <p>
  <b>Flavours</b> <br />
  There's more than one way to view this weblog; try these flavours on
  for size.
   <li><a href="$url/index.index">index</a></li>
   <li><a href="$url/index.1993">circa 1993</a></li>
   <li><a href="$url/index.rss">RSS</a></li>
  </p>

  <p>
  <b>Links</b> <br />
  These are a few of my favourite links.
   <li><a href="http://www.raelity.org/">raelity bytes</a>;-)</li>
   <li><a href="">link 2</a></li>
   <li><a href="">link 3</a></li>
  </p>

  <p>
  <br />
  <a href="http://www.raelity.org/apps/blosxom/"><img src="http://www.raelity.org/images/pb_blosxom.gif" border="1" hspace="3" vspace="3" /></a>
  </p>

 </td>

 <td bgcolor="#6699cc"><nobr>    </nobr></td>

 <td bgcolor="#dddddd"><nobr>    </nobr></td> 

 <!-- main blog entry column -->
 <td bgcolor="#dddddd" width="100%">

Trikset blir vel å få "main blog entery column" til å havne til høyre for resten.

Edit: Emnetittel

Endret 12. september 2006 av harrir

harrir · 12. september 2006

[bump]

Ingen som har noen clue?

harrir · 12. september 2006

Får "maincolumn" til høyre med float:left på "leftcolumn", men problemet er da at jeg klarer ikke å regulere bredden på "leftcolumn". Den bare s strekker seg ut over siden når jeg vil ha den som en meny på venstre-siden.

Jeg vet ikke helt hvordan jeg får det bli slik det blir med tabellene.

edit:skriveleif

Endret 12. september 2006 av harrir

Svish · 12. september 2006

http://www.htmldog.com/

lær deg litt css og html

regulere bredden på #leftcolumn gjør du ganske enkelt med width: n px;

harrir · 12. september 2006

joda kan forsåvidt css og det med width men lurte om noen var sånn kjempe hai på det. Som tok det på strak arm.

Sitter å prøver å feiler, det går ikke fort, men det går jo framover.

Det vel sånn man lærer mest. Det sier de i alle fall:P

mohuhau · 13. september 2006

Som regel er det mye enklere og bedre dersom du viser koden du er kommet frem til så kan vi hjelpe deg der du står fast, men siden jeg er i det snille hjørnet i natt så får du et enkelt oppset er. Din jobb får være å putte inn innholdet

PS: Bruk <hx> for overskrifter og prøv å ikke bruk <br>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>$blogtitle</title>
<style type="text/css">
#tittel {
 height: 100px;
 background-color: red;
}
#sidestolpe {
 width: 200px;
 background-color: blue;
 float: left;
}
#innhold {
 margin-left: 200px;
 background-color: green;
}

</style>

</head>

<body>

<div id="tittel">
 <h1>$blogtitle</h1>
</div>

<div id="sidestolpe">
 <ul><li>link1<li>link2<li>link3</ul>
</div>

<div id="innhold">
 <h2>innhold</h2>
 <p>Put innholdet dit her :)
</div>

Endret 13. september 2006 av mohuhau

Svish · 13. september 2006

Pent men mangler det ikke noen </li> her?

<div id="sidestolpe">
 <ul><li>link1<li>link2<li>link3</ul>
</div>

mikk- · 13. september 2006

</li> er ikke påkrevd, og derfor (selvfølgelig) valgfritt.

Arve Systad · 13. september 2006

...men det er god kodepraksis å avslutte alle element òg i HTML, sjølv om det ikkje er nødvendig. Det er iallefall mi meining

harrir · 14. september 2006

Som regel er det mye enklere og bedre dersom du viser koden du er kommet frem til så kan vi hjelpe deg der du står fast, men siden jeg er i det snille hjørnet i natt så får du et enkelt oppset er.

6853156[/snapback]

Oi, shit glemte koden. :blush:

Takk for at du var i det gode hjørent, da. Jeg merker at jeg er veldig slapp å ikke gidder å gjøre noe...må skjerpe meg!

Tusen takk for hjelpen!

Edit: litt qoute-krøll

Endret 14. september 2006 av harrir

harrir · 14. september 2006

Det ser alltid ut til at det er noe galt:*sukk*

1. Hvis dere tar en titt på http://www.easy-living.no/cgi-bin/blosxom.cgi og ser på de to boxene. Det ser kanskje litt rart ut når de er forskjellige. Går det ann å få de like(i høyden)?

2. Når man trykker "permanent link" så kommer man direkte til den spesielle blogginnlegget, men den ligger liksom inne i skript et så den finner ikke css fila jeg bruker. Hvordan kan jeg fixe dette?

OT: Æ! "24" begynner! *Løpe*

Endret 14. september 2006 av harrir

Arne · 15. september 2006

Det er vel berre å legge inn height: xxpx; i css'en?

harrir · 15. september 2006

Det er vel berre å legge inn height: xxpx; i css'en?

6866538[/snapback]

..og hvis det kommer mer innhold i en av boksene? så følger den andre med?

Logg inn

tabel -> symantisk kode

Anbefalte innlegg

harrir

Lenke til kommentar

Videoannonse

harrir

Lenke til kommentar

harrir

Lenke til kommentar

Svish

Lenke til kommentar

harrir

Lenke til kommentar

mohuhau

Lenke til kommentar

Svish

Lenke til kommentar

mikk-

Lenke til kommentar

Arve Systad

Lenke til kommentar

harrir

Lenke til kommentar

harrir

Lenke til kommentar

Arne

Lenke til kommentar

harrir

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer