div style editor

[BrokenRules]

Ik neem bijvoorbeeld deze code:

PHP:

 <div style="WIDTH: 640px">
[img]"background.jpg"[/img] 
<BR><BR>
<div style="WIDTH: 640px; HEIGHT: 150px">
<div style="FLOAT: left; MARGIN-LEFT: 210px; OVERFLOW: auto; WIDTH: 170px; HEIGHT: 120px">
<p align="left"><a name="back"></a>
hok1<br>hok1<br>hok1<br>hok1<br>hok1<br>hok1<br>hok1<br>hok1<br>hok1
</div>

<div style="WIDTH: 640px; HEIGHT: 150px">
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<div style="FLOAT: left; MARGIN-LEFT: 45px; OVERFLOW: auto; WIDTH: 170px; HEIGHT: 130px">
  <p align="left"><a name="back">
  </a>hok2<br>hok2<br>hok2<br>hok2<br>hok2<br>hok2<br>hok2<br>
  </div>

Deze ziet er Dreamweaver en Frontpage niet uit...
toch als je hem publiceert en hem met Microsoft Internet Explorer bekijkt
ziet hij er wel goed uit.

Nu is mijn vraag welke editor kan ik gebruiken wil tijdens het maken kunnen zien wat ik doe.

[ Voor 139% gewijzigd door BrokenRules op 07-07-2004 19:24 ]

[Verwijderd]

buiten dat je code bijzonder crappy is:
dreamweaver: druk op f12 (geloof ik) en je kijgt een ie venster
xml spy: gebruikt een built in ie venster

[dawuss]

Getver, dit is wel heel non-standards-compliant code.

Haal bijvoorbeeld die hoofdletters eens weg. Verder is het ook wel zo netjes om met classes te werken, en single elements (zoals die br) af te sluiten met een slash: <br />

[Verwijderd]

Div'jes netjes afsluiten zou ook wel wat schelen

[BrokenRules]

Heb code ff wat opgefrist,

Maar snap nog steeds niet waarom het niet mogelijk is deze
code met een editor te zien/bewerken.

Omdat hij wel goed zichtbaar is in explorer.

[BrokenRules]

Het gaat hier niet om nette code.
Er zijn namelijk vele manieren om ditzelfde effect veel beter te bereiken.

Alleen laten Cu2 achtige profiel site's deze tag's niet toe.
En is dit op te lossen door het zo te doen.

Alleen het stomme is dat hij wel in explorer goed te zien is.
En nouwelijks met een grafische editor te bewerken/verslepen.

Vandaar de vraag of er een editor bestaat die dit probleem niet heeft.

[Yoozer]

Brokenrules schreef op 07 juli 2004 @ 19:27:
Het gaat hier niet om nette code.

Dat gaat het wel. Een editor moet de code voor zichzelf ook parsen (lees: begrijpen). Het slordiger maken van code heeft op de mate waarop een editor het kan begrijpen een averechts effect. Browsers (lees : IE) moeten in dat opzicht veel meer vergiffenis tonen voor slordige code - ik neem even zonder echt te controleren aan dat het in Firefox of Mozilla een stukken groter zooitje wordt.

Er zijn namelijk vele manieren om ditzelfde effect veel beter te bereiken.

Alleen laten Cu2 achtige profiel site's deze tag's niet toe.
En is dit op te lossen door het zo te doen.

Alleen het stomme is dat hij wel in explorer goed te zien is.
En nouwelijks met een grafische editor te bewerken/verslepen.

Vandaar de vraag of er een editor bestaat die dit probleem niet heeft.

Nou, als je code iets netter was kon je zelf heel makkelijk zien waar je een div moet positioneren, en welke grootte deze moet hebben. Als je het nauwkeuriger wil doen; gewoon een screenshot maken en pixels gaan tellen.

[ Voor 6% gewijzigd door Yoozer op 07-07-2004 19:34 ]

[BrokenRules]

Hoeveel netter kan de code hierboven zijn om hetzelfde effect te gebruiken?

een plaatje met daarboven vakken met inhoud.

[Nietzman]

De netste manier is waarschijnlijk FireFox in combinatie met de Web developer toolbar. Die heeft een zeer handige CSSeditor.

Ander Golive, of NVU. Dat zijn WYSIWYG editoren met fatsoenlijke CSSkunsten.

[Verwijderd]

Brokenrules schreef op 07 juli 2004 @ 19:27:
knip

Alleen het stomme is dat hij wel in explorer goed te zien is.
En nouwelijks met een grafische editor te bewerken/verslepen.

Vandaar de vraag of er een editor bestaat die dit probleem niet heeft.

Je wil een DIV die je float absoluut kunnen positioneren?

Ik kan me niet voorstellen dat er één editor is (behalve webeditors gebaseerd op mshtml, check ondertitel ), die deze ranzige code wel netjes weergeeft.
En wat is netjes? Ranzige code moet ook niet netjes weergegeven worden...

[Verwijderd]

Brokenrules schreef op 07 juli 2004 @ 19:37:
Hoeveel netter kan de code hierboven zijn om hetzelfde effect te gebruiken?

een plaatje met daarboven vakken met inhoud.

Als eerste zou ik die afbeelding met CSS op de achtergrond gooien... Dan kan je die vakken gemakkelijk met DIV jes maken...

[Yoozer]

Brokenrules schreef op 07 juli 2004 @ 19:37:
Hoeveel netter kan de code hierboven zijn om hetzelfde effect te gebruiken?

een plaatje met daarboven vakken met inhoud.

Sluit eerst eens de div tags af zoals het hoort, zo kan ik er ook geen chocola van maken; of post een screenshot met een schetsje (Word is hier dan weer wel goed voor ) van hoe je het wil hebben. Verder is het leuk als je even (voor dit voorbeeld dan) een stylesheet gebruikt en content scheidt van layout; dan kun je later alsnog de positioning inline mikken.

[ Voor 3% gewijzigd door Yoozer op 07-07-2004 19:49 ]

[BrokenRules]

kon ik hem maar dmv css naar achtergrond plaatse
dat is dus niet mogelijk bij profiel site's

[crisp]

inline style is ook CSS hoor
Wb netjes maken - indenten scheelt al een hele hoop