"Center" funktioniert nicht...

[Nachtflugzeug]

Hallo!

Ich habe eine Art Vorspann für eine geplante Homepage erstellt. Insgesamt handelt es sich um 5 Seiten, die Links zur nächsten Seite habe ich durch "<<" und ">>" an der unteren Seite eingefügt. Das Problem ist, dass diese Pfeile nicht in der Mitte angeordnet sind. Also: die Kombination der Pfeile (<<>>) beginnt erst in der Mitte, das bedeutet, dass der erste links-Pfeil genau in der Mitte beginnt... ich möchte aber, dass die Mitte genau zwischen den links- und den rechts-Pfeilen beginnt.

Ich hoffe, ich konnte mein Problem in meinem HTML-Noob-Wissen einigermaßen gut beschreiben. Da ich nicht weiß, ob ein Link zu meiner HP hier erlaubt ist, verzichte ich zunächste darauf, falls jemand sich das Problem ansehen möchte, würde ich mich über eine Nachricht freuen.

Ich habe übrigens folgenden Code benutzt (ich weiß nicht, ob es eine bessere Möglichkeit gibt... die Möglichkeit "center" konnte ich irgendwie nicht einbauen, es funktionierte nicht):

<div style="position:absolute; bottom:0.5em; left:50%">
<a href="index.htm" style="text-decoration:none"> << </a> <a href="seite3.htm" style="text-decoration:none"> >> </a> 
</div>

 

[NetzSchleicher]

<div style="...; text-align:center;">...</div>

Ende

 

[_Thor_]

Hallo erstmal,

ein Link zu der Seite ist sogar erwünscht, da kann man das Problem meistens besser erkennen, als nur mit dem Quellcode.

Zu deinem Problem:

Erstmal solltest du die Pfeile maskieren, so dass sie nicht als Anfang für einen Tag interpretiert werden. Ein '<' maskiert man mit '&lt;' ein '>' mit '&gt;'.

Zentriert bekommst du das ganze, indem du die Schrift in dem umgebenden Element zentrierst, nicht das div mit absoluter Positionierung bei 50% anfangen lässt.

Wenn, wie in deinem Beispiel, ein div das umgebende Element ist, sieht das so aus.

<div>
  <a href="#">&lt;&lt;</a><a href="#">&gt;&gt;</a>
</div>

das dazugehörige CSS sieht so aus

div {text-align: center}

Das funktioniert natürlich nur bei Block-Elementen

 

[Nachtflugzeug]

Hier ist der Link zu meiner Seite (wie gesagt, die Hauptseite fehlt noch):

Nachtflugzeug

 

[_Thor_]

Na dann leg los, der Code steht ja oben.

 

[Nachtflugzeug]

Hallo erstmal,

ein Link zu der Seite ist sogar erwünscht, da kann man das Problem meistens besser erkennen, als nur mit dem Quellcode.

Zu deinem Problem:

Erstmal solltest du die Pfeile maskieren, so dass sie nicht als Anfang für einen Tag interpretiert werden. Ein '<' maskiert man mit '&lt;' ein '>' mit '&gt;'.

Zentriert bekommst du das ganze, indem du die Schrift in dem umgebenden Element zentrierst, nicht das div mit absoluter Positionierung bei 50% anfangen lässt.

Wenn, wie in deinem Beispiel, ein div das umgebende Element ist, sieht das so aus.

<div>
  <a href="#">&lt;&lt;</a><a href="#">&gt;&gt;</a>
</div>

das dazugehörige CSS sieht so aus

div {text-align: center}

Das funktioniert natürlich nur bei Block-Elementen

Das klappt... aber irgendwie kriege ich die Pfeile dann nicht mehr runter... dann werden sie oben angezeigt. :-(((((((
Wie binde ich das zusätzlich ein? :-(

 

[_Thor_]

Genau dieses Problem wurde in diesem Thread http://www.html.de/html-und-xhtml/21010-fusszeile-anpassen.html schon einmal behandelt, da solltest du eine Lösung finden.

Wenn nicht, einfach wieder fragen.

 

[Nachtflugzeug]

Danke! Hat bestens funktioniere. :-)