• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

html ausrichten

Status
Für weitere Antworten geschlossen.

Fl!nt!

Neues Mitglied
hey leutz...hab en problem...muss wat für die schul noch fertig basteln:/

und zwar...:

Code:
<html>
    <head>
        <title>Test</title>
        <meta name="content-type" content="text/html;
                    charset="UTF-8">
        <meta name="description" content="Testseite">
        <meta name="keywords" content="Test">
    </head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="font-family:arial;">
<img src="logo.jpg">
    <div id="Navigation" style="font-size:10pt;">
        <a class="Navi" id="Aktuelle Seite">Startseite</a> |
        <a class="Navi" id="Produkte" href="produkte.html">Produkte</a> |
        <a class="Navi" id="Shop" href="shop.html">Shop</a> |
        <a class="Navi" id="Unternehmen" href="unternehmen.html">Unternehmen</a> |
        <a class="Navi" id="Impressum" href="impressum.html">Impressum</a>
    </div><br><br>
    <div id="Seitenkopf">
        <h2>Willkommen!</h2>
        <div id="Seitentext" style="font-size:10pt;">
            <p>Für unsere Kunden bieten wir Produktinfos mit Direktbestellmöglichkeit (<a class="Inhalt" href="shop.html">Shop</a>) an. Unsere Geschäftspartner können sich über uner Unternehmen informieren. Besuchen Sie auch unsere Job-Seite.</p>
    </div>
        </div>
</body>
</html>
217e395771e450df.jpg


bild soll aber zentral neben den links da erscheinen...naja thx
 
Zuletzt bearbeitet:
Änder das
Code:
<img src="logo.jpg">
einfach zu
Code:
<img style="float: left;" src="logo.jpg">
um. Dann sollte das Bild linksbündig sein und der Text sollte drum rum fließen. Auch eine Möglichkeit wäre es, mit Tabellen zu arbeiten. UNGETESTET!
 
Das kannste auf 2 Varianten machen:
HTML:
<td valign="50%">
Oder eben wieder mit CSS
HTML:
<td style="vertical-align: middle;">

Ungetestet!
 
hey erst mal danke....aaaber...ich hätte eigentlich gerne dass das was rechts vom bild steht in etwa zentriert auf der höhe vom bild ist....also nicht horizontal zentriert <----> sondern von oben nach unten also vertikal....also ich glaube das geht mit einer tabelle....aba wie kann ich dass in einer tabelle von der höhe her zentrieren????

Code:
valign="middle"
Siehe mal hier:
SELFHTML: HTML/XHTML / Tabellen / Gestaltung einer Tabelle

EDIT: Da wir Snoopy schneller
 
hallo, man könnte sich die Tabelle docch aber auch sparen, indem man margin-top benutzt? is zwar jetztt nicht so die brilliante Lösung aber man hat die tabelle nicht?
Code:
<html>
    <head>
        <title>Test</title>
        <meta name="content-type" content="text/html;
                    charset="UTF-8">
        <meta name="description" content="Testseite von ">
        <meta name="author" content="Marcel">
        <meta name="keywords" content="Test, ">
    </head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="font-family:arial;">
<img style="float: left;" src="logo.jpg">
    <div id="Navigation" style="font-size:10pt; margin-top:20px">
        <a class="Navi" id="Aktuelle Seite">Startseite</a> |
        <a class="Navi" id="Produkte" href="produkte.html">Produkte</a> |
        <a class="Navi" id="Shop" href="shop.html">Shop</a> |
        <a class="Navi" id="Unternehmen" href="unternehmen.html">Unternehmen</a> |
        <a class="Navi" id="Impressum" href="impressum.html">Impressum</a>
    </div><br><br>
    <div id="Seitenkopf">
        <h2>Willkommen!</h2>
        <div id="Seitentext" style="font-size:10pt;">
            <p>Für unsere Kunden bieten wir Produktinfos mit Direktbestellmöglichkeit (<a class="Inhalt" href="shop.html">Shop</a>) an. Unsere Geschäftspartner können sich über uner Unternehmen informieren. Besuchen Sie auch unsere Job-Seite.</p>
    </div>
        </div>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.
Zurück
Oben