Images onder elkaar lukt niet? - Softwareontwikkeling

donderdag 23 februari 2006 23:52

Acties:

Verwijderd

Topicstarter

Nu heb ik toch al aardig wat sites gemaakt, maar nu loop ik toch wel tegen een heel dom probleem aan. Wat is het probleem? Ik wil images (een 1 pixel hoge seperator) onder elkaar hebben, zonder 10px marge ertussen.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body>
[img]"seperator.png"[/img]<br />
[img]"seperator.png"[/img]<br />
[img]"seperator.png"[/img]<br />
</body>
</html>

Als ik nu die Doctype weghaal, dan werkt alles zoals ik wil: de drie images komen onder elkaar zonder ruimte ertussen. Maar kennelijk doet de XHTML 1.0 Strict DTD doctype iets met mijn images. Waarom? En hoe kan ik images onder elkaar krijgen? Dat moet toch kunnen zonder al teveel gestoei lijkt mij.

Alvast bedankt!

[ Voor 16% gewijzigd door Verwijderd op 23-02-2006 23:53 ]

donderdag 23 februari 2006 23:56

Acties:

crisp

Devver

Pixelated

font-size/line-height

en waarom een DTD gebruiken als je je toch niet aan de regels daarvan houdt?

Intentionally left blank

donderdag 23 februari 2006 23:56

Acties:

JHS

Splitting the thaum.

En de breaks zorgen er niet voor

crisp schreef op donderdag 23 februari 2006 @ 23:56:
en waarom een DTD gebruiken als je je toch niet aan de regels daarvan houdt?

Omdat het standards mode en dus meer voorspelbaarheid triggert?

[ Voor 83% gewijzigd door JHS op 23-02-2006 23:57 ]

DM!

donderdag 23 februari 2006 23:58

Acties:

Verwijderd

Topicstarter

crisp schreef op donderdag 23 februari 2006 @ 23:56:
font-size/line-height

Line-height had ik al geprobeerd, zal eens font-size proberen nog.

en waarom een DTD gebruiken als je je toch niet aan de regels daarvan houdt?

Dit is een versimpeld voorbeeld he.

Je doelt waarschijnlijk op het onbreken van <head>..</head>. Maar dat heeft geen effect op dit probleem.

donderdag 23 februari 2006 23:59

Acties:

crisp

Devver

Pixelated

JHS schreef op donderdag 23 februari 2006 @ 23:56:
En de breaks zorgen er niet voor ?

[...]
Omdat het standards mode en dus meer voorspelbaarheid triggert?

offtopic:
mijn opmerking was sarcastisch bedoelt; het voorbeeld van de TS valideerd namelijk niet naar die DTD

Overigens vind ik semantisch gezien een image ook niet correct als seperator; volgens mij was hr daarvoor bedoelt

Verwijderd schreef op donderdag 23 februari 2006 @ 23:58:
[...]
Je doelt waarschijnlijk op het onbreken van <head>..</head>. Maar dat heeft geen effect op dit probleem.

Nee, meer op het feit dat je inline elementen buiten een block-level context gebruikt

head is optional in HTML (title is wel verplicht though), en aangezien je waarschijnlijk toch geen XHTML mimetype zal gebruiken kijk ik niet eens naar de extra requirements van XHTML

[ Voor 38% gewijzigd door crisp op 24-02-2006 00:06 ]

Intentionally left blank

vrijdag 24 februari 2006 00:00

Acties:

Verwijderd

Topicstarter

crisp schreef op donderdag 23 februari 2006 @ 23:59:
Overigens vind ik semantisch gezien een image ook niet correct als seperator; volgens mij was hr daarvoor bedoelt

Het is ook geen simpel lijntje maar een soort verloop. Naar mijn weten kan een <hr> dat niet. Maar dat doet er in principe niet toe; ik neem aan dat het mogelijk is om images onder elkaar te plaatsen zonder tussenruimte.

Ik ga nog eens stoeien..

vrijdag 24 februari 2006 00:08

Acties:

Verwijderd

Topicstarter

Nou het is gelukt:

code:

<p style="font-size:0; line-height:0">
[img]"blah.jpg"[/img]<br />
[img]"blah.jpg"[/img]<br />
[img]"blah.jpg"[/img]<br />
</p>

Omslachtig hoor.

Maargoed, weer een probleem minder.

vrijdag 24 februari 2006 00:08

Acties:

crisp

Devver

Pixelated

^^^ dit is ook een hr

toegeven, niet helemaal 100% in IE maar da's toch een stomme browser

[ Voor 23% gewijzigd door crisp op 24-02-2006 00:09 ]

Intentionally left blank

vrijdag 24 februari 2006 00:10

Acties:

Verwijderd

Topicstarter

Ja ik dump IE maar al te graag. Maar helaas moet ik daar nog even mee leven. Dogshit is het.

Maargoed ik houd in mn achterhoofd dat <hr> dus meer kan dan een stom lijntje.

Pagina: 1

Reageer