<div> in der gleichen Zeile?

zichy · 15. Mai 2009, 14:56

Hallo, ich habe folgendes Problem:

Quellcode

<div id="test1"><a href="index.html">Home<div> <div id="test2"><a href="seite1.html">Inhalt</div>

Das soll nun auf der fertigen Seite in der selben Zeile dargestellt werden. Es geht darum, die Links mit verschiedenen "a:hover"-Elementen zu gestalten. Wie bekomme ich das nun also hin? Sollte möglichst ohne Tabellen funktionieren.

Torben Brodt · 15. Mai 2009, 17:36

Hi,

deine HTML Syntax ist falsch. Du schließt die a Tags gar nicht.

Aber warum ein div außenrum?

Quellcode

<a href="index.html" id="test1">Home<a>

Benötigst du ein Blockelement?

Quellcode

<a href="index.html" style="display:block">Home<a>

Benötigst du mehrere Listenelemente

Quellcode

<ul>
<li><a href="index.html" style="display:block">Home<a></li>
<li><a href="seite1.html">Inhalt</a></li>
</ul>

und wenn nebeneinander - warum nicht nur ein normales inlineelement?

Quellcode

<a href="index.html" id="test1">Home<a>

oder zwei inlineelemente verschachtelt

Quellcode

<span id="test1"><a href="index.html">Home<a></span>

zichy · 15. Mai 2009, 20:24

Oh, danke.
(Das mit dem a-Tag war sowieso nur ein Beispiel.)

Torben Brodt · 15. Mai 2009, 21:54

Der Vollständigkeit halber will ich noch eine Möglichkeit ergänzen:

Zwei Div bekommst du in eine Zeile indem du sie zu inline Elementen machst.

Quellcode

<div style="display:inline">a</div><div style="display:inline">b</div>

Dadurch erhält das DIV aber identisches Verhalten wie ein span Tag.

<div> in der gleichen Zeile?

<div> in der gleichen Zeile?

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Benutzer online 1

Tags