[css] voor de echte expert...

woensdag 9 oktober 2002 21:35

Ik dacht: "[css] voor de echte expert...", daar moet ik zijn!

Helaas... maar inderdaad: de br-tag gaat eruit, en wordt vervangen door de line-tag.
Echter, zolang browsers dat nog niet weten kun je misschien beter de div-tag gebruiken rond elke regel.

Dus ipv. blabla<br />blabla<br /> dit: <div>blabla</div><div>blabla</div>

Acties:

Verwijderd

Topicstarter

zo snel zal de ondersteuning van br tags echt niet verdwijnen... aangezien er dan miljarden internetpagina's moeten worden aangepast

maar ik gebruikt de edit mogelijkheid van IE 5 om pagina's aan te passen, maar bij een enter voegt hij een </p><p> in ipv een <br> daarom valt er niet zo veel te kiezen, maar als je de margins op 0 kanlt zie je t verschil niet......

woensdag 9 oktober 2002 21:44

Acties:

Verwijderd

Waarom gaat de <BR> tag eruit? Altijd wel lekker makkelijk, gewoon
bla bla <BR>
blabla bla<BR>

Niet moeilijk doen met codes die je af moet sluiten, divs, p's... zucht...

woensdag 9 oktober 2002 21:53

Acties:

[eNeRGy]

Verwijderd schreef op 09 oktober 2002 @ 21:44:
Waarom gaat de <BR> tag eruit? Altijd wel lekker makkelijk, gewoon
bla bla <BR>
blabla bla<BR>

Niet moeilijk doen met codes die je af moet sluiten, divs, p's... zucht...

Tja, of je houdt je aan de standaarden of aan de standaarden

Je mag best HTML 2.0 blijven schrijven, dan gaan wij vast verder met XML of XHTML2

woensdag 9 oktober 2002 21:57

Acties:

Verwijderd

Verwijderd schreef op 09 oktober 2002 @ 21:44:
Waarom gaat de <BR> tag eruit? Altijd wel lekker makkelijk, gewoon
bla bla <BR>
blabla bla<BR>

Niet moeilijk doen met codes die je af moet sluiten, divs, p's... zucht...

Die br tag is een hele rare tag, die eigenlijk een entity reference zou moeten zijn, gezien het effect dat deze heeft. &br; zou beter zijn, dan hoor je mij niet klagen. Op br tags kun je volgens mij ook helemaal geen css style toepassen. Als ik dus ineens toch meer ruimte tussen twee paragrafen wil, dan heb ik een probleem. Ik gebruik overigens al een hele poos geen br tags meer, aangezien je die niet echt nodig hebt.

In HTML, en XHTML 1.1 en lager blijft de tag trouwens gewoon bestaan. Dus iedereen met een document type declaration zit safe.
XHTML 2.0 is niet een verandering van de syntax of structuur, maar écht van de tags zelf, terwijl XHTML 1.x vooral op welformedness, en dergelijke regels zijn veranderd.

woensdag 9 oktober 2002 22:15

Acties:

woensdag 9 oktober 2002 22:21

Dat vond ik ook al ja, dat er gewoon een &br; zou moeten zijn/komen... is toch een stuk gemakkelijker, en je kunt een newline toch ook wel een beetje als een karakter zien?

Acties:

Cipri

Of niet natuurlijk...

$_/-\o_$ $_/-\o_$ mabit $_/-\o_$ $_/-\o_$

Je moet eens weten hoelang ik dit probleem al probeer te fixen, heb er zelf ook enorme last van. Enorm bedankt!

-=[ Murlocs Ate My Boots]=- Sylvanas Alliance - EU - Orosei lvl 100 Paladin

woensdag 9 oktober 2002 22:24

Acties:

Verwijderd

Cipri schreef op 09 oktober 2002 @ 22:21:
$_/-\o_$ $_/-\o_$ mabit $_/-\o_$ $_/-\o_$

Je moet eens weten hoelang ik dit probleem al probeer te fixen, heb er zelf ook enorme last van. Enorm bedankt!

Het is niet bepaald de eerste keer dat het hier is uitgelegd hoor

margin: 0px; is trouwens net zo goed, aangezien linker en rechter marge toch al standaard nul zijn voor paragrafen.

woensdag 9 oktober 2002 22:35

Acties:

{ @$%&# }

Cheatah: mag ik weten wat jouw workaround is voor de BR?

Je kunt namelijk wel de P gaan verbouwen voor dit doeleinde maar dan moet je weer gaan klooien met classes voor een echte paragraph... die ik toch wel erg veel gebruik.

Je bent nooit te oud om te leren, zelfs niet als je Ozboz heet

woensdag 9 oktober 2002 22:36

Acties:

woensdag 9 oktober 2002 22:40

Verwijderd schreef op 09 oktober 2002 @ 21:35:
zo snel zal de ondersteuning van br tags echt niet verdwijnen... aangezien er dan miljarden internetpagina's moeten worden aangepast

Dat klopt wel, maar blijf alsjeblieft niet te lang hangen in deze gedachte, want dan is er nooit vooruitgang in de website-/browserwereld.

maar ik gebruikt de edit mogelijkheid van IE 5 om pagina's aan te passen, maar bij een enter voegt hij een </p><p> in ipv een <br> daarom valt er niet zo veel te kiezen, maar als je de margins op 0 kanlt zie je t verschil niet......

Met [shift]+[enter] maakt IE trouwens wèl een <br>.

Je kan natuurlijk ook IE <p>'s laten zetten en die dan vervangen door <div>'s

Acties:

Woudloper

« - _ - »

Hangloozz schreef op 09 oktober 2002 @ 22:35:
Cheatah: mag ik weten wat jouw workaround is voor de BR?

Is dat niet gewoon om te gaan werken met margins en spacings binnen de <P>'s

Daarvoor zijn de Paragraph tags toch voor of heb ik dit nou mis....

woensdag 9 oktober 2002 22:42

Acties:

woensdag 9 oktober 2002 22:57

wicher schreef op 09 oktober 2002 @ 21:30:
[...]
Echter, zolang browsers dat nog niet weten kun je misschien beter de div-tag gebruiken rond elke regel.

Dus ipv. blabla<br />blabla<br /> dit: <div>blabla</div><div>blabla</div>

Is de div-tag niet de beste work-around?

Acties:

{ @$%&# }

wicher schreef op 09 oktober 2002 @ 22:42:
[...]

Is de div-tag niet de beste work-around?

ai, dat hoop ik niet, dat voelt super ranzig aan...code vervuilend...Frontpage praktijken

woensdag 9 oktober 2002 22:59

Acties:

Verwijderd

Ik gebruik p tags, aangezien het toch meestal om tekst gaat waarin je die br tags gebruikt. En dan zie ik niet echt een reden om een nieuwe paragraaf te beginnen zonder een regel over te slaan. En als dat wel nodig is, dan kun je je source anders indelen:

HTML:

<div class="section"><!-- hier komt in XHTML 2.0 een aparte tag voor -->
   <h3>Titel</h3>
   <p>Tekst hier</p>
   <p>Nog een alinea</p>
</div>
<div class="section">
   <p>Nog meer tekst hier</p>
</div>

Met de volgende styles toegepast:

code:

div.section {
   margin: 1em 0;
}

p {
   margin: 0;
   text-indent: 1em;
}

Voorbeeldje:

Titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

[ Voor 0% gewijzigd door Verwijderd op 09-10-2002 23:00 . Reden: returns eruit ]

woensdag 9 oktober 2002 23:07

Acties:

woensdag 9 oktober 2002 23:12

Hangloozz schreef op 09 oktober 2002 @ 22:57:
[...]

ai, dat hoop ik niet, dat voelt super ranzig aan...code vervuilend...Frontpage praktijken

Mwah... zo erg is het toch niet?

Punt is dat een p standaard een soort-van witregel maakt, en een div niet. Dan heeft het voordelen gewoon die div te gebruiken als je dus geen witregel wilt. Je kan ook wel zelf de p gaan aanpassen d.m.v. CSS, dat is op zich zuiverder inderdaad, maar het levert je weer gedoe op als je een keer een p wel een echte witregel wilt laten hebben. Dan moet je met verschillende classes gaan werken, of met lege paragrafen, ook niet echt netjes, dan was het misschien nog wel net zo netjes, en gemakkelijker geweest om de div te gebruiken.

Cheatah maakte op 09 oktober 2002 @ 22:59 handig gebruik van zijn HTML-rechten

Kijk, dat is dus waarom ik ervoor pleit om wat meer mensen HTML-rechten te geven. (Je weet wel over welke groep mensen ik het heb.) Ik kan nu namelijk niet in het forum m.b.v. HTML dingen duidelijk maken. Jij wel, terwijl het gebruik hier helemaal niets met moderatorschap te maken heeft.

Acties:

{ @$%&# }

hmmz, interessant

Zal morgen es ff wat testjes doen...

woensdag 9 oktober 2002 23:18

Acties:

{ @$%&# }

wicher schreef op 09 oktober 2002 @ 23:07:

Mwah... zo erg is het toch niet?

Punt is dat een p standaard een soort-van witregel maakt, en een div niet. Dan heeft het voordelen gewoon die div te gebruiken als je dus geen witregel wilt. Je kan ook wel zelf de p gaan aanpassen d.m.v. CSS, dat is op zich zuiverder inderdaad, maar het levert je weer gedoe op als je een keer een p wel een echte witregel wilt laten hebben. Dan moet je met verschillende classes gaan werken, of met lege paragrafen, ook niet echt netjes, dan was het misschien nog wel net zo netjes, en gemakkelijker geweest om de div te gebruiken.

mja ik vindt het wel erg; een <p> is 3 char's een <div> 5.. kost meer tijd om te c0den

maareh, wat betreft die p-tags; daar doelde ik op een eerdere post ook al op:

Hangloozz schreef op 09 oktober 2002 @ 22:35:

Je kunt namelijk wel de P gaan verbouwen voor dit doeleinde maar dan moet je weer gaan klooien met classes voor een echte paragraph... die ik toch wel erg veel gebruik.

maar zoals Cheatah lat zien is met wat creatief div gebruik een echte paragraph na te bootsen. En dan gebruik je niet zo absurd veel div's.
Dat maakt je code anders zo onoverzichtelijk.

woensdag 9 oktober 2002 23:25

Acties:

donderdag 10 oktober 2002 00:02

Hangloozz schreef op 09 oktober 2002 @ 23:18:
mja ik vindt het wel erg; een <p> is 3 char's een <div> 5.. kost meer tijd om te c0den

Als je vervolgens nog de weergave van de p helemaal gaat omgooien ben je denk ik langer bezig dan met 'div' tikken i.p.v. 'p'.

maar zoals Cheatah lat zien is met wat creatief div gebruik een echte paragraph na te bootsen. En dan gebruik je niet zo absurd veel div's.
Dat maakt je code anders zo onoverzichtelijk.

Aan de ene kant ziet Cheatahs voorbeeld er mooi uit. Hij loopt alvast een beetje vooruit op de structuur van XHTML 2 met de <section> en <p>, maar dan met <div class="section"> en <p>.

Aan de andere kant: hij draait zo eigenlijk de standaardweergaves van de div en de p om, ook niet echt ideaal.

Acties:

Verwijderd

wicher schreef op 09 oktober 2002 @ 23:25:

Aan de andere kant: hij draait zo eigenlijk de standaardweergaves van de div en de p om, ook niet echt ideaal.

Hoe iets standaard weergegeven wordt, mag door de user agent bepaald worden. Zolang een p element bijvoorbeeld maar standaard een block-level element is. Niemand legt vast dat een button grijs moet zijn, of welk font een button moet gebruiken. Zo ook is het vastleggen van de marges voor een paragraaf een keuze van de ontwikkelaar van de user agent.

Je moet bij het maken van een HTML document niet teveel bezig zijn met het uiterlijk, een klein beetje hiet en daar iets in je achterhoofd houden kan wel. In principe organiseer je eerst je data, bijvoorbeeld tekst deel je op in alinea's en secties. Als je een menu maakt met linkjes, dan moet je die linkjes definieren, en nog verder even niets ermee doen, geen tabellen eromheen zetten ofzo, dat is van latere zorg (en verkeerd imho).

Met CSS ga je het daarna zo ombuigen tot het wordt zoals je in gedachten had. Als dat niet lukt, dan zul je wijzigingen in de HTML moeten aanbrengen, maar dan wel zo minimaal, correct en logisch mogelijk.

HTML en aanverwanten zijn er om structuur aan te brengen in je document, zodat de user agent deze kan tonen. Hierbij kan deze gebruik maken van de stylesheet, of een in de browser geïntegreerde stylesheet. Als je gewoon de elementen gebruikt waarvoor ze bedoeld zijn, dan is de site eigenlijk altijd wel toonbaar.

Even terugkomen op het marge 'probleem' met de p tags: stel dat de user agent tòch die marge houdt, dan is de site nog steeds wel om aan te zien, als het goed is. Het line element, als in XHTML 2.0 zit, is eventueel geschikt voor menutjes en dergelijken. Maar ik denk niet dat het element heel hard nodig is. Het is wel een welkome uitbreiding op de beschikbare set. Vooral voor teksten is dit zeer geschikt.

donderdag 10 oktober 2002 00:14

Acties: