span in neuer zeile!

[RichardWotzlaw]

Hallo,

ich habe eine Navigationsleiste aus buttons, und in der gleichen Zeile soll rechtsbündig ein Textfeld erscheinen, welches in ein span-Element eingebettet ist. Allerdings ist dieses Textfeld in einer neuen Zeile!
Mit normalem Text als span-Element funzt es wie gewünscht.
Woran liegt das?

Gruß aus MeckPomm

[Christoph Schnauß]

hallo,

Woran liegt das?

Aufgrund deiner etwas nebelhaften und ohne Beispielcode geposteten Frage läßt sich lediglich mutmaßen, daß du dich mit den Unterschied von inline- und Blockelementen beschäftigen möchtest.

Grüße aus dem derzeit noch hochwasserfreien Berlin

Christoph S.

[RichardWotzlaw]

Hallo,

hier der Code:

<div id="navi">
 <button class="navibutton">
 Home
 </button>
 <button class="navibutton">
 Angebote
 </button>
 <button class="navibutton">
 Kontakt
 </button>
 <button class="navibutton">
 FAQ
 </button>
 <button class="navibutton">
 Hilfe
 </button>
 <span class="uhrtext">
        <input name="uhrfeld" class="uhrtext" disabled>
        </span>
</div>

Wie gesagt, mit reinem Text hat es genauso auch geklappt.

Gruß aus MeckPomm

[Christoph Schnauß]

hallo Richard,

kannst du eventuell erklären, wie du darauf kommst, daß

<button class="navibutton">
Home
</button>

irgendeinen Sinn macht? Zur Erläuterung: in http://de.selfhtml.org/html/formulare/klickbuttons.htm findest du ziemlich am Anfang den Satz: "Klick-Buttons haben in reinem HTML keine sinnvolle Funktion"

<button class="navibutton">

Die Angabe der "Klasse" macht wenig Sinn, wenn "wir" nicht gleichzeitig zu erfahren bekommen, was du hier als CSS vorgesehen hast. Es _könnte_ funktionieren ...

<span class="uhrtext">
        <input name="uhrfeld" class="uhrtext" disabled>
        </span>

Hm. Hier hast du, wie erwartet, gar nicht mehr "button" stehen, sondern "input". Aber da fehlt nun noch eine "type"-Angabe, siehe http://de.selfhtml.org/html/formulare/eingabe.htm#felder. Dort ist auch hervorgehoben: "Das <input>-Tag ist ein so genanntes Standalone-Tag". "span" ist in der hier vorgestellten form tatsächlich nicht anwendbar.

Wie gesagt, mit reinem Text hat es genauso auch geklappt.

Ja, das ist sicher glaubhaft und korrekt. Und welche Schlußfolgerung ziehst du daraus?

Grüße aus Berlin

Christoph S.

[RichardWotzlaw]

Hallo,

kannst du eventuell erklären, wie du darauf kommst, daß

<button class="navibutton">
Home
</button>
irgendeinen Sinn macht? Zur Erläuterung: in http://de.selfhtml.org/html/formulare/klickbuttons.htm findest du ziemlich am Anfang den Satz: "Klick-Buttons haben in reinem HTML keine sinnvolle Funktion"

Natürlich habe ich ein Javascript dazu geschrieben. Aber ich habe an dieser Stelle nur die für das Problem relevanten Codesegmente gepostet.

<button class="navibutton">

Die Angabe der "Klasse" macht wenig Sinn, wenn "wir" nicht gleichzeitig zu erfahren bekommen, was du hier als CSS vorgesehen hast. Es _könnte_ funktionieren ...

<span class="uhrtext">
        <input name="uhrfeld" class="uhrtext" disabled>
        </span>

Hm. Hier hast du, wie erwartet, gar nicht mehr "button" stehen, sondern "input". Aber da fehlt nun noch eine "type"-Angabe, siehe http://de.selfhtml.org/html/formulare/eingabe.htm#felder. Dort ist auch hervorgehoben: "Das <input>-Tag ist ein so genanntes Standalone-Tag". "span" ist in der hier vorgestellten form tatsächlich nicht anwendbar.

Wie auch immer, ich habs jetzt hingekriegt. Das input-Feld kleiner gemacht, dann gings.

Gruß aus MeckPomm

[Gunnar Bittersmann]

Hello out there!

"Klick-Buttons haben in reinem HTML keine sinnvolle Funktion"

Natürlich habe ich ein Javascript dazu geschrieben.

Du willst nicht etwas eine Navigation zusammenschustern, die ausschließlich auf JavaScript basiert und somit unzählige Benutzer und andere Clients* aus deiner Website aussperrt?

Links sind Links, keine Buttons. Und eine Liste ist eine Liste. Dein HTML sollte also etwa so aussehen:

<div id="navi">  
  <ul>  
    <li><a href="home">home</li>  
    <li><a href="angebote">angebote</li>  
    <li><a href="kontakt">kontakt</li>  
    <li><a href="faq">faq</li>  
    <li><a href="hilfe">hilfe</li>  
  </ul>  
  <span class="uhrtext">  
    <input name="uhrfeld" class="uhrtext" disabled>  
  </span>  
</div>

Den Links gibst du mit CSS das gewünschte Aussehen.

See ya up the road,
Gunnar

* Dieses Märchen kennst du schon?

[MudGuard]

Hi,

Hm. Hier hast du, wie erwartet, gar nicht mehr "button" stehen, sondern "input". Aber da fehlt nun noch eine "type"-Angabe,

Wieso? Das type-Attribut hat einen default-Wert.

"Das <input>-Tag ist ein so genanntes Standalone-Tag".

Ja und? Das heißt nur, daß das tag in XHTML mit /> und nicht wie in HTML mit > geschlossen werden muß.

"span" ist in der hier vorgestellten form tatsächlich nicht anwendbar.

Warum? Könntest Du das bitte begründen?

cu,
Andreas