wo is der fehler?

    Ich will das bild Adresse genau neben die Links haben..könnte mir jemand vieleicht mal kurz die richtigen angaben ersetzen?


    <div class="links">

    <p align="left"><a href="Unbenannt1.html"> <img src="Start.gif" alt="" border="0" width="120" height="25"></a> </p>
    <p align="left"><a href="Angebote.html"> <img src="Angebote.gif" alt="" border="0" width="120" height="25"></a> </p>
    <p align="left"><a href="Angebote.html"> <img src="Onlineshop.gif" alt="" border="0" width="120" height="25"></a> </p>
    <p align="left"><a href="Service.html"> <img src="Service.gif" alt="" border="0" width="120" height="25"></a> </p>
    <p align="left"><a href="Referenzen.html"> <img src="Referenzen.gif" alt="" border="0" width="120" height="25"></a> </p>
    <p align="left"><a href="Kontakt.html"> <img src="Kontakt.gif" alt="" border="0" width="120" height="25"></a> </p>
    <p align="left"><a href="Impressum.html"> <img src="Impressum.gif" alt="" border="0" width="120" height="25"></a> </p>
    </div>


    <p align="center"><img id="Adresse.jpg"><img src="Adresse.jpg" alt="" border="0" width="640" height="480"></p> </p>

    danke im vorraus

    Völlig falscher Ansatz. Du hast ein Menü, also zeichne es auch als solches aus. Absätze dienen reinen Textinformationen, du missbrauchst sie für reine Bild-Informationen. Verwende außerdem keine HTML-Attribute zur Gestaltung, dafür dient CSS. Außerdem hast du mit dem img-Tag, welches nur eine ID enthält noch einen richtigen Fehler in deinen Code eingebaut.

    HTML

    Code
    <ul class="links">
<li><a href="Unbenannt1.html"><img src="Start.gif" alt="" /></a></li>
<li><a href="Angebote.html"><img src="Angebote.gif" alt="" /></a></li>
...
</ul><img src="Adresse.jpg" alt="" id="Adresse" />

    CSS

    Code
    .links { float: left;width: 120px; }
#Adresse { float: left;width: 640px; }
    Zitat von threadi

    Völlig falscher Ansatz. Du hast ein Menü, also zeichne es auch als solches aus. Absätze dienen reinen Textinformationen, du missbrauchst sie für reine Bild-Informationen. Verwende außerdem keine HTML-Attribute zur Gestaltung, dafür dient CSS. Außerdem hast du mit dem img-Tag, welches nur eine ID enthält noch einen richtigen Fehler in deinen Code eingebaut.

    HTML

    Code
    <ul class="links">
<li><a href="Unbenannt1.html"><img src="Start.gif" alt="" /></a></li>
<li><a href="Angebote.html"><img src="Angebote.gif" alt="" /></a></li>
...
</ul><img src="Adresse.jpg" alt="" id="Adresse" />

    CSS

    Code
    .links { float: left;width: 120px; }
#Adresse { float: left;width: 640px; }


    So sieht es jetzt aus:


    <ul class="links">

    <li><a href="Unbenannt1.html"> <img src="Start.gif" alt="" border="0" width="120" height="25"></a> </li>
    <li><a href="Angebote.html"> <img src="Angebote.gif" alt="" border="0" width="120" height="25"></a> </li>
    <li><a href="Angebote.html"> <img src="Onlineshop.gif" alt="" border="0" width="120" height="25"></a> </li>
    <li><a href="Service.html"> <img src="Service.gif" alt="" border="0" width="120" height="25"></a> </li>
    <li><a href="Referenzen.html"> <img src="Referenzen.gif" alt="" border="0" width="120" height="25"></a> </li>
    <li><a href="Kontakt.html"> <img src="Kontakt.gif" alt="" border="0" width="120" height="25"></a> </li>
    <li><a href="Impressum.html"> <img src="Impressum.gif" alt="" border="0" width="120" height="25"></a> </li>
    </ul>

    </ul><img src="Adresse.jpg" alt="" id="Adresse" />

    <links { float:left;width: 120px; }
    #Adresse { float:left;width: 640px; } />


    jetzt sind punkte neben den Buttons und mein Bild is nicht daneben

    Ich find auch im netz nichts richtiges was mir hilft,so für Noobs

    trotzdem danke