zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Menü (Liste) zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.02.2013, 13:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2013
Ort: Heidelberg
Beiträge: 19
SansArt befindet sich auf einem aufstrebenden Ast
Frage CSS Menü (Liste) zentrieren

Guten Tag.

Ich arbeite aktuell an einem Blogdesign für Wordpress. Das ganze Design habe ich per HTML Tabelle strukturiert. In einer tr liegt nun mein CSS Menü das mir Kopfschmerzen bereitet. Ich möchte, dass die Listeneinträge des Menüs sich in meinem Container zentrieren.
Ich habe bereits getestet, ob ich ein weiteres div um meine Liste legen kann und dieses dann zentrieren könnte. Allerdings breitet sich dieses div dann - jede Breitenangaben ignorierend - über meinen ganzen Container aus.

Ich habe bereits diverse Lösungsansätze ausprobiert, teilweise aus diesem Forum, hatte aber bisher keinen Erfolg. Eventuell bin ich ja einfach blind, aber ich hoffe zumindest, hier Hilfe zu bekommen.

Hier der HTML Abschnitt:

HTML-Code:
<tr>
<td align="center" valign="top" colspan="5">

                <div id="menu">
                    <div id="mainmenu">
                        <ul>
                           <li><a href='#'><span>Home</span></a></li>
                           <li><a href='/?cat=4'><span>Aktuelles</span></a></li>
                           <li><a href='/?cat=1'><span>Allgemein</span></a></li>
                           <li><a href='/?cat=3'><span>Politik</span></a></li>
                        </ul>
                    </div>
                </div>
</td>
</tr>
und die CSS Klassen:

Code:
#menu
	{
		background-image:url(images/menu_bg.png);
		width: 984px;
		height: 52px;
		margin-bottom: 15px;
	}

#mainmenu
	{
		list-style-type:none;
		height:48px;
		font-size:24px;
		font-family:Conv_Colleged_0,Verdana,Helvetica,Arial,sans-serif;
	}

#mainmenu ul 
	{
		list-style-type:none;
		height:48px;
		font-size:24px;
		font-family:Conv_Colleged_0,Verdana,Helvetica,Arial,sans-serif;
	}

#mainmenu li 
	{
		display:block;
		float:left;
	}

#mainmenu li a 
	{
		float:left;
		color:#FFFFFF;
		text-decoration:none;
		padding:9px 15px 0;
	}

#mainmenu li a:hover,.current 
	{
		color:#CCCCCC;
		text-decoration:none;
	}
Danke im Voraus
Sans
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.02.2013, 13:41
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von SansArt Beitrag anzeigen
Das ganze Design habe ich per HTML Tabelle strukturiert.
das ist leider Webdesign des letzten Jahrtausends. Der Fehler liegt schon in der Verwendung eines Designs per Tabelle.
Die CSS-FAQ hält viele gute Beispiele für navis bereit. Ist da mal was mit table geht es über display:table; per CSS.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, menü, zentriert

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit CSS bei Drop Down Menü Sunny86 CSS 6 24.09.2012 15:33
CSS Menü verändern Severa CSS 1 12.09.2012 02:57
CSS Menü zentrieren Akkordeon CSS 12 19.12.2011 01:18
dynamisches CSS menü funktioniert in IE nicht! riseup CSS 8 11.08.2011 19:17
IE6 Problem mit CSS Menü träumer CSS 2 15.01.2007 17:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:47 Uhr.