zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigatin mit <li> und <ul> - Buttons verschoben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.11.2008, 21:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2008
Beiträge: 5
wmxrecords befindet sich auf einem aufstrebenden Ast
Standard Navigatin mit <li> und <ul> - Buttons verschoben

Hallo Leute!

Ohne viel zu erklären, hier der Link:

CARBON HEATER

HTML:
Code:
<ul id="nav_buttons">
                	<li><a class="button" href="#">Home</a></li>
                    <li><a class="button" href="#">Aktion</a></li>
                    <li><a class="button" href="#">Newsletter</a></li>
                    <li><a class="button" href="#">Account</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                    <li><a class="button" href="#">Hilfe</a></li>
                </ul>
CSS:
Code:
#nav_buttons {
	position:relative;
	margin:0 auto;
	padding-left: 30px;
	float:left;
	width:100%;
	height:24px;
	list-style-type:none;
}

a.button {
	background-image:url(files/button.gif);
	width:85px;
	height:24px;
	margin-left: 1px;
	display:block;
	background-repeat:no-repeat;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-decoration:none;
	padding-top: 3px;
	text-align:center;
}

a.button:hover {
	background-image:url(files/button_active.gif);
	width:85px;
	height:24px;
	margin-left: 1px;
	display:block;
	background-repeat:no-repeat;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-decoration:underline;
	padding-top: 3px;
	text-align:center;
}
Firefox zeigt alles klasse an, aber der IE mal wieder nicht, probiert es aus. Wo muss ich was berichtigen / einfügen?

Danke schon mal!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.11.2008, 21:11
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Nimm mal bei Deinen lis das display: block raus, dass weitet die auf 100% aus, oder Du gibst denen ne Breite oder display: inline.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.12.2008, 12:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.11.2008
Beiträge: 5
wmxrecords befindet sich auf einem aufstrebenden Ast
Standard

Hat leider nichts gebracht. Mensch, dieser IE. Es funktionier bei FF, Opera, Netscape und safari problemlos!

Weiss jemand einen Rat? wäre sehr dankbar!

Zitat:
Zitat von uspri Beitrag anzeigen
Nimm mal bei Deinen lis das display: block raus, dass weitet die auf 100% aus, oder Du gibst denen ne Breite oder display: inline.
Mit Zitat antworten
Antwort

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
Buttons im IE verschoben Cu Chullain CSS 9 31.12.2009 18:06
Frage zu CSS Formatierung bei <ul> <li> stay_tuned CSS 4 04.05.2008 20:27
<ul> <li> Menü unter Firefox und IE6. Bin am verzweifeln! yonthebeach CSS 0 15.04.2008 10:06
label für radio buttons im ff leicht verschoben skooli (X)HTML 2 11.06.2007 12:11
Problem mit dem Menü [erledigt] Julian CSS 2 16.01.2006 00:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:02 Uhr.