selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Text in div-Tag zentrieren ohne Tabelle

Autor: bb_lernt [Beiträge: 1]
Datum: 22.02.2014 15:29:13

Hallo zusammen,

ich bin sowohl Neuling in HTML als auch im Nutzen von Foren. Habt also bitte Nachsicht, kann sein, dass ich nicht alles richtig mache ;-)

Hier nun mein Problem:
Habe meine Seite mit div-Tags aufgebaut
  header
  navi1
  navi2
  inhalt
  fuss
Nun sollen in den Bereichen navi1 und navi2 die Navigationstexte sowohl horizontal als auch vertikal zentriert erscheinen. Klappt aber nicht. Der Text liegt etwas unterhalb des Bereichs.
Hier der dazugehörige Code:
HTML:
<br clear="all" />
<div id="navi01">
  <ul id="navigation1">
<li style="display:inline"><a href="../Seite/nosotros.html">Nosotros</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">Restaurante</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">Hostel</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">Actividades</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">Fotos</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">Contacto</a> </li>
  </ul>
</div>
<br clear="all" />
<!-- TemplateBeginEditable name="navi02" -->
<div id="navi02">
  <ul id="navigation2">
<li style="display:inline"><a href="../Seite/equipo.html"> el equipo</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">la cooparativa</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">los patronacadores</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">nuestros amigos</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">&nbsp;</a> </li>
<li style="display:inline"><a href="../Seite/iniciar.html">&nbsp;</a> </li>
  </ul>
</div>
<br clear="all" />


CSS:
ul#navigation1  li a{
width: 998px;
text-transform:uppercase;
text-decoration:none;
color: #336633;
padding-right:70px;
}
ul#navigation1  a:hover {
color: #0000FF;
text-decoration: none;
}
ul#navigation2  li a{
width: 998px;
text-transform:uppercase;
text-decoration:none;
color: #ffffff;
padding-right:90px;
}
ul#navigation2 li a:hover {
color: #CC6600;
text-decoration: none;
}

#navi01 {
width: 998px;
height:10px;
background-color:#FFFFFF;
padding:15px;
}
#navi02 {
width:998px;
height:10px;
padding:5px;
}
wenn ich nun in #navi01 und #navi02 den Wert height auf auto setze funktioniert das ganze, aber die Navigationsleiste ist viel zu hoch, das will ich so nicht. Hat jemand ne Idee, die mich weiterbringt?
Gruß bb_lernt hoffenlich was neues ;-)

Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Webhosting Provider bewerten und Apple iPad gewinnenWie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...