Problem mit <hr />

[ProblemUser]

Hallo,
ich habe folgendes Problem:
Ich habe ein Bild, welches sich rechts anordnen soll (algin=right)
Das ist bis dato kein Problem, darunter soll jedoch eine Trennlinie (<hr />)
Jedoch wird diese Linie links neben dem Bild platziert. Weiß einer Rat?

<div class="headera">
    <a href="index.php"><img src="images/Header.png" border="0" alt="Home" align="right"></a>
    <hr />
</div>

und der Auszug aus der style.css:

.headera{
    height: 100%;
}

 

[Icy]

Hallo,
bau mal ein Element zum Clearen ein:

<div class="headera">
    <a href="index.php"><img src="images/Header.png" border="0" alt="Home" align="right"></a>
    <br style="clear: both;" />
    <hr />
</div>

Bzw. kannst du das clear auch in eine Klasse auslagern.

MfG Icy

 

[struppi]

Auf der einen Seite XHTML verwenden und dann nicht Grundlagen von CSS zu können, ist erstaunlich und nicht nachvollziehbar. Wieso benutzt du XHTML?

Warum brauchst du eigentlich das Element an dieser Stelle? Für eine Trennlinie ist es nicht unbedingt erfolrderlich?

 

[threadi]

align="right"

weglassen oder per CSS ein Blockelement aus dem img machen.

Und wie schon gesagt wäre eine Trennlinie per CSS besser geeignet statt als <hr />.