[HTML CSS] Probleem met <span> - Softwareontwikkeling

vrijdag 23 juli 2004 17:02

Acties:

Design-by-buzzword fanatic

Topicstarter

Ik heb de volgende code.

HTML:

<html>
<body>
<script language="JavaScript">
function hide()
{
    document.getElementById("bla2").style.display = "none";
}
function show()
{
    document.getElementById("bla2").style.display = "inline";
}
</script>
<button onClick="hide();">hide</button>
<button onClick="show();">show</button>
<br>
<span id="bla1" class="TabSysteem">bla1</span>
<span id="bla2" class="TabSysteem">bla2</span>
<span id="bla3" class="TabSysteem">bla3</span>
</body>
</html>

Met de knopjes moet de middelste span verdwijnen. Dit werkt prima, maar er blijft nog steeds ruimte over tussen de twee overgebleven spans. Ik denk dat het te maken heeft met iets van spanspacing of - padding ofzo, maar zie de oplossing niet.

Fat Pizza's pizza, they are big and they are cheezy

vrijdag 23 juli 2004 17:03

Acties:

gorgi_19

Kruimeltjes zijn weer op :9

En dit heeft niets met Programming & Webscripting te maken. Zie P&W FAQ - HTML / javascript /css, etc...

>> Webdesign & Graphics

Digitaal onderwijsmateriaal, leermateriaal voor hbo

vrijdag 23 juli 2004 17:06

Acties:

crisp

Devver

Pixelated

whitespace
zet je spans naast elkaar en omvat de tussenligende spatie in je spans:

HTML:

1	<span id="bla1">bla1</span><span id="bla2"> bla2</span><span id="bla3"> bla3</span>

[ Voor 14% gewijzigd door crisp op 23-07-2004 17:06 ]

Intentionally left blank

vrijdag 23 juli 2004 17:06

Acties:

Johnny

ondergewaardeerde internetguru

Het is een bug in MSIE die enters aanziet voor spaties. Gewoon allemaal opdezelfde regel zetten dus.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

vrijdag 23 juli 2004 17:12

Acties:

crisp

Devver

Pixelated

Johnny schreef op 23 juli 2004 @ 17:06:
Het is een bug in MSIE die enters aanziet voor spaties. Gewoon allemaal opdezelfde regel zetten dus.

whitespace is whitespace, en IE is raar ja

Echter is enkel achter elkaar zetten niet genoeg:

HTML:

1	<span id="bla1">bla1</span> <span id="bla2">bla2</span> <span id="bla3">bla3</span>

verberg je nu de middelste dan hou je toch 2 spaties ruimte over tussen span 1 en span 3 in plaats van 1 spatie ruimte.

Intentionally left blank

vrijdag 23 juli 2004 17:17

Acties:

Verwijderd

Een enter is ook een spatie.

http://www.w3.org/TR/html401/struct/text.html#h-9.1

"Line breaks are also white space characters."

vrijdag 23 juli 2004 17:20

Acties:

Bosmonster

*zucht*

maar goed.. als ik 3 spans heb met een whitespace ertussen en ik haal span 2 weg. Dan zou er zichtbaar nog steeds 1 whitespace over moeten blijven (dubbele whitespaces worden in html genegeerd). Dit lijkt dus fout te lopen hierdoor.

Bugje in IE, want Mozilla doet het wel goed.

[ Voor 10% gewijzigd door Bosmonster op 23-07-2004 17:21 ]

vrijdag 23 juli 2004 17:23

Acties:

André

Analytics dude

Toch raar dat line-breaks als spaties in de standaard staan. Line-breaks tussen elementen moeten gewoon genegeerd worden en line-breaks in stukken tekst moet idd als spatie geinterpreteerd worden.

Dit doet me denken aan een keer dat ik me rotgezocht heb naar een streepje naast een image in mijn eerste stappen op het web

:

code:

1
2
3

<a>
  <img>
</a>

Bleek de onderstreping van die spatie te zijn.