DW gooit alles door elkaar als ik div toevoeg

[mel_vin]

hi

ik heb de volgende code:

<table width=100% align="left" id="mainContent">
<tr>
<td class="JADF"><p><strong>Organisatie</strong></p>
<p>JADF is operationeel sinds mei 2002 en heeft zich in april 2007 gevestigd in de Nyenrode Start-up Accelerator te Breukelen. Deze knowledge-driven business incubator is gevestigd op het landgoed van Business Universiteit Nyenrode en JADF heeft hierdoor direct toegang tot de faculteiten van Nyenrode en haar (inter)nationale netwerk.<br>
Na het leggen van een sterke basis tot groei, is het doel van JADF in twee

ik wil aan dit blok tekst toevoegen

<table width=100% align="left" id="mainContent">
<tr width = 50%"><td class="JADF"> <div id="tekstbox">

als ik dit toe, is de preview prima in orde, alleen in de design view van dreamweaver wordt alles door elkaar gegooid.... weet iemand hoe dat komt?

alvast bedankt
mel

[Lorrens]

Tabellen in Tabellen? Waar ben je mee bezig? :O
Dit mag helemaal niet!

[roelor]

Waarom wil je dat doen? als je zoeits doet zou ik tenminste nog twee divs gebruiken...
Tis niet erg ehh hoe zal ik het zeggen.. het is niet erg handig trouwens zoals diegene voor mij al zij Tabellen in Tabellen? Waar ben je mee bezig?
Dit mag helemaal niet!
Waarom dit niet mag (mag wel kan je alleen beter niet doen) is als volgt:
De website word er zwaarder van.
De code word onoverzichtelijk.
Zoekmachines zetten je site lager in de ranglijst.

[mel_vin]

het lukt me echt niet.....

de preview is echt oke

zie attachment:

echter in dreamweaver (design mode, loopt alles de soep in )

dit is mijn code....

(zie attachment)

divs onder de knie krijgen gaat moeilijker dan gedacht....
:( :(

[mel_vin]

ow ja, mijn css, (dat wat van belang is)

#tekstbox {
color: #000000;
text-align: left;
height:380px;
width: 450px;
overflow:auto;
margin: 0px;
padding: 0px;
position: absolute;
top: 260px;
left: 150px;

}

[WernerL]

Als ik het goed begrijp word je site alleen in de designmode van dreamweaver niet goed weergeven? Waar maak je je druk op? :-) Als ie in de browsers er toch goed uitziet? :D Als je fatsoenlijk html kan heb je die designmode niet eens nodig.

[josko]

Hey, 2 opmerkingen.

Ten eerste heeft wernerL een sterk punt.

Ten tweede, wat ik zie als ik naar je screen kijk is het volgende.

div#header
ul#background
li#menuItems
div#background
div#content

En wat css.
Geen tables dus.
Ik verwijs je naar een paar artikelen,
Artikelen, (http://flashfocus.nl/forum/showthread.php?t=21274#Artikelen)

En daarbij ook naar een CSS naslagwerk, CSS Naslagwerk (http://flashfocus.nl/forum/showthread.php?t=21274#Reference-CSS)
Daarin opzoeken:

Float
Width
Height
Display
Background
Background-image
Vertical-align
text-align


Veel succes en veel plezier. Wanneer je dit doet, zal je leven als HTML - scripter drastisch veranderen [:o)]

[Laiverd]

Zonder vervelend te willen zijn, maar eh ... dit is dus precies de reden waarom WYSIWYG suckt, behalve dan voor simpele dingen. Waar het om gaat is dat e.e.a. crossbrowser goed wordt weergegeven; weergave in een WYSIWYG editor is onbelangrijk al kan het voor de ontwikkelaar evt. vervelend zijn. Een beetje ontwikkelaar vertrouwt never op de WYSIWYG weergave omdat WYSINWYG (What You See Is Never What You Get).

Kortom: overgaan op codemode en gewoon goed HTML leren. En test je brouwsels in browsers. Da's de enige goede manier.

John

[mel_vin]

hmmm, dat is waar, maar alles vanaf scratch intikken daar ben ik veel te veel tijd mee kwijt.....

is me nu wel gelukt zonder dat de boel overhoop wordt gegooid, echter

</table>
</div>
<div class="JADF" id="tekstblok">
<p><strong>Organisatie</strong></p>TEXT,......


met als CSS
#tekstblok {
color: #000000;
text-align: left;
height:380px;
width: 450px;
overflow:auto;
margin: 0px;
padding: 0px;
position: absolute;
top: 260px;
left: 150px;

}

dit laat hij in dreamweaver zien als een layer.... klopt dat?

[Laiverd]

Ja; een div is een div en een div is een block-element. Zie de gemiddelde css handleiding. Zie bv: http://www.handleidinghtml.nl/html/stylesheets/stylesheets07.html

john

[TheDutch]

hmmm, dat is waar, maar alles vanaf scratch intikken daar ben ik veel te veel tijd mee kwijt.....
Geloof me wanneer je HTML goed beheerst bepaar je juist tijd! :).