Ausrichten des Textes

Frozen Sun Studios · 24. Oktober 2007

Also, ich habe mir in den Letzten zwei Tagen ein Menu für meine Page zusammengepuzzlet, nun möchte ich gerne Text neben meinem Menu darstellen, ich bekomme es aber nur drunter.
Geht das überhaupt?

Mein Menu:

HTML

<html>
<head>
<title>Frozen Sun Studios</title>
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<link href="Mainstyle.css" type="text/css" rel="stylesheet" />
</head>




<body>
<center><img   src="banner.gif" /> </center>
<hr / color="blue">
    <div id="menuback">




        <div id="menufront"> <a href="index.htm">Home</a></div>
        <div id="menufront"> <a href="projekte.htm">Projekte</a></div>
        <div id="menufront"> <a href="http://frozensun.siteboard.de/">Forum</a></div>
        <div id="menufront"> <a href="team.htm">Das Team</a></div>
        <div id="menufront"> <a href="kontakt.htm">Kontakt</a></div>




    </div>
<hr / color="blue">
</body>
</html>

Alles anzeigen

MFG
FSS

Foster · 26. Oktober 2007

Am besten du machst das über position: absolute;.
Wenn du nich genau weißt, wie das geht: hier hab ichs gerade erst aufgeschrieben: <a class="postlink" href="http://www.html-seminar.de/_forum/viewtopic.php?t=1052">http://www.html-seminar.de/_forum/viewtopic.php?t=1052</a>

Desweiteren solltest du beachten (

1. Div sind Elemente, die andere Elemente zu einer "Elementgruppe" zusammenfassen. Anstelle deiner <div id="menufront"> sind also eher <span id="menufront"> angemessen.
Da du in einem Div mit der id "menuback" aber sowieso nur Links hast, kannst du dir das ganze aber auch sparen und im CSS nur notieren:
#menuback a { }
Somit werden zwar alle Links angesprochen, sie müssen aber die Bedingung erfüllen in einem übergeordneten Element mit der ID="menuback" zu stehen.
Alternativ kannst du auch die id="menufront" für die Links selbst definieren.
Letztere beiden Punkte (ab dem Punkt, wo ich gesagt hab, dass du die Spans nich brauchst), entfallen vielleicht, wenn du vorhast um die Links noch ein extra Feldchen zu machen.
Die Divs sind deswegen aber trotzdem fehl am Platze. Um schön sauberes HTML zu schreiben, also besser auf Span zurückgreifen

2. Laut der Referenz in deinem Quellcode heißt CSS-Datei Mainstyle.css. Dabei musst du darauf achten, dass die Datei in Wirklichkeit auch Mainstyle.css mit einem großen M heißt.
Windows macht zw. Groß- und Kleinschreibung zwar keinen Unterschied; erstmal auf den Webspace geladen werden die Differenzierungen aber sichtbar.
Allgemein verzichtet man beim Festlegen von Dateinamen in Internet aber auf Großbuchstaben und schreibt gundsätzlich alles klein.
Wie du das am Ende selbst machst, bleibt dir auch selbst überlassen; Es ist nur ratsam alles einheitlich zu machen und mit einer durchgänigen Kleinschreibung Fehlerquellen zu umgehen.

3. <center> ist deprecated *klugscheiss*
d.h.: das Tag ist nichtmehr Teil der HTML-Sprachlexik.
Besser solltest du es so lösen:
<img style="magin-left: auto; margin-right: auto;" .... />
<center> funktioniert deswegen aber trotzdem einwandfrei. Ich wollt an der Stelle nurnochmal draufhinweisen

4. Das Slash ( / ) bei <img />, <br /> oder <hr /> ist notwendig oder ratsam, um sogenannte Standalone-Tags auszuzeichen (solche haben kein schließendes Tag, so wie <body> das Schließ-Tag </body> hat). In HTML ist dies eigentlich nicht notwendig; dafür aber umsomehr in xHTML. Wenn du aber eine Doctype-Declaration von HTML verwendest und auch sonst nicht auf die besonderheiten von xHTML eingehst, erübrigt sich diese Schreibweise mit dem Slash also eigentlich.
Ich selbst bin aber auch noch nicht so ganz auf xHTML umgestiegen und schreib schon seit jeher das Slash mit.
Darauf hinweisen wollte ich dich nur, weil bei deinen <hr> das Slash an der falschen Stelle ist. Egal ob du bei einem Standalone-Tag Eigenschaften hinzufügst, das Slash kommt, genau wie bei deinem <img>-Tag, immer ans Ende :).

Das wars soweit erstmal, was ich an Fehlern gefunden hab
Ein kleiner Tipp nur noch:
Wenn du eine farbige Trennlinie machen willst, erstellst du am besten ein Span oder Div, setzt height auf 1 oder 2 Pixel und ordnest ihm einen border-bottom: 1px solid #00F; zu
Das sollte am besten klappen.

Frohes HTMLen und CSSen noch

Frozen Sun Studios · 20. November 2007

Danke für die Hilfe, ich habe zwar mein altes menu verworfen, werde diese Tipps aber euf jedenfall beachten und weitergeben.

Foster · 20. November 2007

Kein Problem

Ausrichten des Textes

Jetzt mitmachen!

Teilen