Wer kann mir helfen dass 2 Bilder in der Kopfzeile angezeigt werden

    Hallo liebe Member,

    ich bin ein absoluter Neuling und habe folgendes Problem:
    Ich mache für einen Freund- der noch weniger Ahnung hat wie ich :D eine Webseite. Ich möchte auf der Webseite 2 Bilder (webseite wurde teilweise Styles mit CSS erstellt) in der Kopfzeile einarbeiten. Dies bekomme ich leider nur mit html hin, aber sobald ich das zweite (eines rechts und eines Links ausgerichtet) direkt oben anlaufend wird das zweite Bild aber nur mit Abstand angezeigt. Habe keine Chance es zu ändern, versuche es nun seit 2 Tagen. Kann mir jemand helfen? Die Bilder wurden als Hintergrundbilder eingefügt.

    Ach ja hier mal den Code in html:

    <div id="Seite"><img src="ich1.jpg" width="70" height="80" alt="ich" border="0" align="right" hspace="3" vspace=3" title="ich">
    <h1><img src="muenze.gif" width="70" height="80" alt="Goldtaler" border="0" align="left" hspace="0" vspace=0" title="Goldtaler">

    2 Mal editiert, zuletzt von wildstier (13. Juli 2011 um 18:49) aus folgendem Grund: Code mal reinstelle

    Nutz CSS, die attribute die du da verwendest sind veraltet und sollten nicht mehr verwendet werden. Mit Glück findest du hier vielleicht jemanden der dir hilft, aber sinnvoller wäre, gleich von Anfang an die bessere Lösung (=CSS) zu verwenden, das ist auch die zusätzliche Zeit wert, die du brauchst um es zu erlernen.

    Leider wurde das 2. Bild nicht richtig positioniert in der Kopfzeile als ich es vor oder hinter h1 setzte. Vielleicht sehe ich auch den Wald vor lauter Bäumen nicht mehr aber denke dass ich noch zu unerfahren bin.

    Mit CSS haben breite und Höhe nicht geklappt :( Deswegen habe ich es nach langen versuchen mit HTML versucht. Wenn mir jemand eine Lösung geben könnte würde ich mal weiterkommen.
    Trotzdem besten Danke für euere Antworten bisher

    Mit CSS kannst du es mit float lösen, je nach dem wie du sie positionieren willst halt entweder float: left für Beide und den abstand mit margin, oder dem einen float: left, dem anderen : right. Eine Googlesuche nach CSS Float wird dir mehr helfen können.

    Habe dies auch versucht aber das proble,: Es bindet sich nicht in die Kopfzeile ein, deswegen wird auch Border von dem ganzen später auf "o" gesetzt dann sieht man es nicht. Ich konnte mit css nur ein Bild einbinden, dass zweite wurde nicht mehr angezeigt, warum auch immer. Bin leider nur laie mit ganz wenig Erfahrung

    Hier mal den ganzen Code, html und css


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>ich</title>
    <link rel="stylesheet" type="text/css" href="stiehl.css">
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <body>
    <div id="Seite"><img src="ich1.jpg" width="70" height="80" alt="ich" border="0" align="right" hspace="3" vspace=3" title="ich">
    <h1><img src="muenze.gif" width="70" height="80" alt="ich" border="0" align="left" hspace="-3" vspace=0" title="ich"> Mal schauen wie es nun aussieht</h1>

    <ul id="Navigation">
    <p class="linkboxaktiv">Willkommen</p>
    <li><a href="europa.html">Europa</a></li>
    <li><a href="usa.html">USA</a></li>
    <li><a href="email.html">Kontakt</a></li>
    <li><a href="zugang.html">Gesicherter Bereich<title="Hier kommen sie in den Gesicherten Bereich. Um hier herein zu kommen müssen Sie einen Zugangcode beantragen, den wir Ihnen binnen 24 Stunden zusenden werden.></title></a></li>
    </ul>
    <div id="Inhalt">
    <h2><u>Willkommen</u></h2>
    <p> <i><b><u>Sie</u></b></i> <i><b><u></u></b></i> <i><b><u>15</u></b></i>
    <h5><u></u></h5>
    </p>
    <h2><u></u></h2>
    <br>
    <li></li>
    <li></li>
    <li></li>
    </div>
    <p id="Fusszeile">Dies Fusszeile stellt innerhalb des Umschließenden Divs Elementenfluss wieder her</p>
    </div>
    </body>


    </html>

    /*eigener Versuch*/
    body {
    background-color: #FFD700;
    font-family: Arial, Verdana, sans-serif, Courier; color: green; font-size: 101.01%;
    Margin: 0px; padding: 0,3em; min-width: 41em; text-align: center; /*Centrierung im IE */
    }

    div#Seite {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 1060px;
    border: 3px ridge silver;
    }
    h1 {
    font-family: Verdana, Arial, Courier, sans-serif; font-size: 2.3em; color: blue; text-align: center;
    margin: 0 0 1em; padding: 0.3em;
    border: 3px solid #66CDAA;
    }
    ul#Navigation {
    font-size: 0.13em;
    float: left; /*width: 19em;*/
    margin: 0 0 0.2em; padding: 0.1em;
    border: 3px dashed #000000;
    text-align: center;
    }
    ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;

    /*kein Border da die Links in der Navileiste umrahmt werden */
    }
    ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
    font-size: 17px;
    margin: 0.3em;
    text-decoration: none;
    }
    ul#Navigation a:link {
    color: #ffffff; background-color:#daa520;
    }
    ul#Navigation a:visited {
    color: #ffffff; background-color: #b8860b;
    }
    ul#Navigation a:hover {
    color: black; background-color: silver;
    }
    ul#Navigation a:active {
    color: white; background-color: #00BFFF;
    font-size: 8.5em;
    }
    div#Inhalt {
    margin: 0 0 1em 190px;
    padding: 0 1em;
    }
    /* Haupspalte */
    * html div#Inhalt {
    height: 3em; /*Workaround gegen 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
    border: 3px dashed #000000;
    }
    div#Inhalt h2 {
    font-size: 1em;
    margin: 1em 0;
    color: navy;
    }
    div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
    }
    p#Fusszeile {
    clear: both;
    font-size: 0.53em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #fed;
    border: 1px solid silver;
    }
    /* hier muss noch Linkboxaktiv hin!! */
    /*eigener Versuch*/
    .linkboxaktiv {
    font-family: Helvetica, Arial, sans-serif, Verdana;
    font-style: italic;
    font-weight: bold;
    font-size: 10em;
    text -decoration: underline;
    background-color: #ffa500; }

    Sorry, aber damit kann man nix Anfangen. Entweder arbeitest du einfach unglaublich unsauber, oder du musst zurück zum Grundlagen lernen... Hier mal die gröbsten Fehler:

    <head>-tag wird nirgends geschlossen
    <p> hat in ner <ul> nichts zu suchen, da dürfen nur <li> rein.

    ...was hat das <title> da in nem listenelement zu suchen?

    Alles innerhalb des <div id="inhalt"> ist einfach nur noch Kauderwelsch.

    Dazu kommen noch verschiedene Flüchtigkeitsfehler wie vergessene Quotes (z.B.: vspace=3"), kurz: Dass die Bilder im Header das einzige Problem sein wollen ist überraschend, der Code ist so nicht zu gebrauchen.