Archief - HTML: div met ordered list

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
I

IcefoxXx

Legacy Member
Hier mijn code :
Code: 
 <html>
  <head><title>3L3 Klassite</title>
  <body bgcolor="yellow">
  <div id=nav style="position=absolute; top:70; left:0; width: 200; height:450;padding:5px; border: 3px groove">
  <ol>
  
  <li>	<a href="www.3L3.be/verb>Verbeteringen</a>
  <li>  <a href="www.3L3.be>Home</a>
  </ol>
  </body>
  </html>
Het probleem: als ik hem view: toont hij alleen home, maar verbeteringen.
Als ik een lege <il>zet, toont hij ze wel alletwee...
o

omfg

Legacy Member
je moet je <li> afsluiten opt einde van de regel met </li> ;)

/edit kleine opmerking over je div:
is het niet style="position: absolute;...." ipv style="position=absolute;" :)
I

IcefoxXx

Legacy Member
omfg zei:
je moet je <li> afsluiten opt einde van de regel met </li> ;)

/edit kleine opmerking over je div:
is het niet style="position: absolute;...." ipv style="position=absolute;" :)
Klik om te vergroten...

Ok, thx voor het snelle antwoord.
Over die position, dit is mijn eerste div die ik ooit gemaakt heb :$ ben wat aant uitprobere. Zal direct veranderen, zit nu met ander probleem:
Code: 
<html>
  <head><title>3L3 Klassite</title>
  <body bgcolor="yellow">
  <div id=header style="position:absolute; top:0; left:0;width: 700; height: 85; border: 3px groove">
    hier komt de klasfoto
  </div>
  <div id=nav style="position:relative; top:100 left:0; width: 200; height:450;padding:5px; border: 3px groove">
  <ol>
  <li>	<a href="www.3L3.be/verb>Verbeteringen</a></li>
  <li>  <a href="www.3L3.be>Home</a></li>
  </ol>
  <div id=content style="position:absolute; margin: right 200 ;top;100 left: 220 ;width: 600 height: 450; padding: 10 px border: 3px groove">
  Hier komt de inhoud van de bepaalde site
  </div>
  
  </body>
  </html>

de "content" div, word geplaatst over de "nav" div...die moet ernaast staan:sad:
O

Obliv`

Legacy Member
ge moet uw inline css eens deftig nakijken
een inline css rule is als volgt:
<div style="position: absolute; right: 200px;"></div>

let op de dubbele punten en de puntkommas
o

omfg

Legacy Member
IcefoxXx zei:
Ok, thx voor het snelle antwoord.
Over die position, dit is mijn eerste div die ik ooit gemaakt heb :$ ben wat aant uitprobere. Zal direct veranderen, zit nu met ander probleem:
Code: 
<html>
  <head><title>3L3 Klassite</title>
  <body bgcolor="yellow">
  <div id=header style="position:absolute; top:0; left:0;width: 700; height: 85; border: 3px groove">
    hier komt de klasfoto
  </div>
  <div id=nav style="position:relative; top:100 left:0; width: 200; height:450;padding:5px; border: 3px groove">
  <ol>
  <li>	<a href="www.3L3.be/verb>Verbeteringen</a></li>
  <li>  <a href="www.3L3.be>Home</a></li>
  </ol>
  <div id=content style="position:absolute; margin: right 200 ;top;100 left: 220 ;width: 600 height: 450; padding: 10 px border: 3px groove">
  Hier komt de inhoud van de bepaalde site
  </div>
  
  </body>
  </html>

de "content" div, word geplaatst over de "nav" div...die moet ernaast staan:sad:
Klik om te vergroten...
begin eerst met je nav div af te sluiten :p
zet dan een div met id="container" of id="wrap" ROND je header, nav en content (dus <div id="container"> starten vlak boven je <div id="header" ..> en </div> onder je </div> van je content)

dan zet je ergens in je css code
#nav{
float: left; (of right als je hem rechts van je content wil)
}
/edit of in je div:
<div id="nav" style="float: right; ........">

dat zou moeten werken
I

IcefoxXx

Legacy Member
Obliv` zei:
ge moet uw inline css eens deftig nakijken
een inline css rule is als volgt:
<div style="position: absolute; right: 200px;"></div>

let op de dubbele punten en de puntkommas
Klik om te vergroten...

sorry als ik mis ben, maar ik denk niet dat ik css gebruikt heb in dat scriptje...
Ofwel ken ik die benaming niet, kan ook :s

btw. is die margin: right 200 dan niet juist?
zoja, moet ik daar dan
Code: 
right: 200px;"></div>
van maken?

Waar zitten de fouten van puntkomma en deelteken?

thx,
IcefoxXx

@ omfg: moet het nu zo:

Code: 
<html>
  <head><title>3L3 Klassite</title>
  <body bgcolor="yellow">
  <div id="container">
  <style type="text/css">
  #nav
  {
  float:left;
  }
  </div>  
  <div id=header style="position=absolute; top:0; left:0;width: 700; height: 85; border: 3px groove">
    hier komt de klasfoto
  </div>
  <div id=nav style="position=relative; top:100 left:0; width: 200; height:450;padding:5px; border: 3px groove">
  <ol>
  <li>	<a href="www.3L3.be/verb>Verbeteringen</a>
  <li>  <a href="www.3L3.be>Home</a>
  </ol>
  </div>
  <div id=content style="position=absolute; margin: right 200 ;top;100 left: 220 ;width: 600 height: 450; padding: 10 px border: 3px groove">
  Hier komt de inhoud van de bepaalde site
  </div>
  
  </body>
  </html>
o

omfg

Legacy Member
ik denk dat hij bedoelt dat je "margin-right: 200px" moet doen
I

IcefoxXx

Legacy Member
Obliv` zei:
alles tussen die style tag is css ;)
Klik om te vergroten...

Code: 
<style type="text/css">
  #nav
  {
  float:left;
  }
  </style>
Is dat beter?

Met mijn definitieve code zit alles nog steeds door elkaar.
Als je wilt, zal ik ze eens helemaal weer tonen...
o

omfg

Legacy Member
IcefoxXx, je <style type="text/css">...</style> moet tss je <head></head komen,
je container div moet rond je andere divs, dus zo:
Code: 
<div id="container">
 <div id=header style="position=absolute; top:0; left:0;width: 700; height: 85; border: 3px groove">
    hier komt de klasfoto
  </div>
  <div id=nav style="position=relative; top:100 left:0; width: 200; height:450;padding:5px; border: 3px groove">
  <ol>
  <li>	<a href="www.3L3.be/verb>Verbeteringen</a>
  <li>  <a href="www.3L3.be>Home</a>
  </ol>
  </div>
  <div id=content style="position=absolute; margin: right 200 ;top;100 left: 220 ;width: 600 height: 450; padding: 10 px border: 3px groove">
  Hier komt de inhoud van de bepaalde site
  </div>
</div>
I

IcefoxXx

Legacy Member
Tis allemaal al goed, SveltestSword eeft mij al geholpen, em eeft alles voor mij verbeterd en gezecht wat mijn fouten zijn dusja...

Toch bedankt voor alle hulp:niceone:
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan