php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit
[Erledigt] css menü zentrieren [Erledigt] css menü zentrieren
Wiki Registrieren Grundlagen Suchen Heutige Beiträge Alle Foren als gelesen markieren

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 11.06.2010, 11:12  
Benutzer
 
Registriert seit: 10.12.2009
Beiträge: 36
PHP-Kenntnisse:
Anfänger
Green_of_Dutch befindet sich auf einem aufstrebenden Ast
Standard [Erledigt] css menü zentrieren
Moin,
ich krieg es einfach nicht geschissen ein CSS Menü zu zentrieren.
was mache ich falsch?
hier mein code:

PHP-Code:
  div#Tmenu {
    text-align: center;
    background-color: #716334;
    margin: 0 auto;
  }
  * html div#Tmenu {
    width: 41.4em;
    width: 39.8em;  /* IE 6 in standards-compliant mode */
  }
  div#Tmenu div {
    clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0; padding: 0;
  }
  * html ul#Navigation li {
    margin-bottom: 0;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.8em; left: 0;
  }
  * html ul#Navigation li ul {
    left: -1.5em;
    left: -0.4em;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 0; margin-bottom: 0;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 5em;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    text-decoration: none; font-weight: bold;
    padding: 0.23em 0.97em 0.17em 1.03em;
    border: 1px solid #716334;
    border-left-color: #716334; border-top-color: #716334;
    background-color: #716334;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 9.2em;
    width: 7em;  /* IE 6 in standards-compliant mode */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding: 0.17em 1.03em 0.23em 0.97em;
    border-color: #ea0;
    border-left-color: #900; border-top-color: #900;
    background-color: #e00;
  }
  ul#Navigation li ul a:hover {
    border-color: #900;
  }
  li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #900;
  }
  ul#Navigation li ul span {
    border-right-color: #c96; border-bottom-color: #c96;
    color: #900; background-color: white;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
    color: black; background-color: #f00;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
    background: #eee;
  } 
PHP-Code:
<div id="Tmenu">
  <ul id="Navigation">
  <li><a id="aktuell" href="#Beispiel"><img src="bild1.png" id="menutext"></a></li>
   <li><a href="#Beispiel"><img src="bild2.png" id="menutext"></a></li>
    <li><a href="#Beispiel"><img src="bild3.png" id="menutext"></a>
      <ul>
        <li><a href="#Beispiel"><img src="bild3.1.png" id="menutext"></a></li>
        <li><a href="#Beispiel"><img src="bild3.2.png" id="menutext"></a></li>
        <li><a href="#Beispiel"><img src="bild3.3.png" id="menutext"></a></li>
        <li><a href="#Beispiel"><img src="bild3.4.png" id="menutext"></a></li>
      </ul>
    </li>
</ul>  


</div> 
Green_of_Dutch ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 11.06.2010, 11:17  
Erfahrener Benutzer
 
Benutzerbild von wolf29
 
Registriert seit: 17.03.2010
Beiträge: 1.833
PHP-Kenntnisse:
Fortgeschritten
wolf29 wird schon bald berühmt werdenwolf29 wird schon bald berühmt werden
Standard
"Geschissen.."...Aha! Schau mal hier:

div mittig zentrieren

Wolf29
__________________
while (!asleep()) sheep++;

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.
wolf29 ist offline   Mit Zitat antworten
Alt 11.06.2010, 11:29  
Benutzer
 
Registriert seit: 10.12.2009
Beiträge: 36
PHP-Kenntnisse:
Anfänger
Green_of_Dutch befindet sich auf einem aufstrebenden Ast
Standard
Danke aber das hatte ich schon gesehen, funktioniert iwie nicht...
Green_of_Dutch ist offline   Mit Zitat antworten
Alt 11.06.2010, 11:32  
Erfahrener Benutzer
 
Benutzerbild von wolf29
 
Registriert seit: 17.03.2010
Beiträge: 1.833
PHP-Kenntnisse:
Fortgeschritten
wolf29 wird schon bald berühmt werdenwolf29 wird schon bald berühmt werden
Standard
Was genau funktioniert den nicht? Wie wird es angezeigt?

Wolf29
__________________
while (!asleep()) sheep++;

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.
wolf29 ist offline   Mit Zitat antworten
Alt 11.06.2010, 11:34  
Benutzer
 
Registriert seit: 10.12.2009
Beiträge: 36
PHP-Kenntnisse:
Anfänger
Green_of_Dutch befindet sich auf einem aufstrebenden Ast
Standard
es wird nicht zentriert. Es ist linksbündig. Wahrscheinlich habe ich es auch nicht richtig angewendet.
Ich bin wirklich kurz davor, ne Tabelle da drum zu basteln...
Geändert von Green_of_Dutch (11.06.2010 um 11:43 Uhr).
Green_of_Dutch ist offline   Mit Zitat antworten
Alt 11.06.2010, 11:55  
Erfahrener Benutzer
 
Registriert seit: 13.05.2009
Beiträge: 1.164
PHP-Kenntnisse:
Fortgeschritten
dennis81 befindet sich auf einem aufstrebenden Ast
Standard
CSS ist kein PHP...
__________________
Es ist schon alles gesagt! Nur noch nicht von allen! (Karl Valentin)
Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)
dennis81 ist offline   Mit Zitat antworten
Alt 11.06.2010, 12:00  
Benutzer
 
Registriert seit: 10.12.2009
Beiträge: 36
PHP-Kenntnisse:
Anfänger
Green_of_Dutch befindet sich auf einem aufstrebenden Ast
Standard
Zitat:
Zitat von dennis81 Beitrag anzeigen
CSS ist kein PHP...
Willst du mir damit sagen das ich im Falschen Forum bin oder wie darf ich das verstehen?

Wenn es nur der falsche Bereich ist, bitte ich doch darum den Thread zu verschieben...
Green_of_Dutch ist offline   Mit Zitat antworten
Alt 11.06.2010, 12:02  
Erfahrener Benutzer
 
Registriert seit: 13.05.2009
Beiträge: 1.164
PHP-Kenntnisse:
Fortgeschritten
dennis81 befindet sich auf einem aufstrebenden Ast
Standard
Zitat:
Zitat von Green_of_Dutch Beitrag anzeigen
Willst du mir damit sagen das ich im Falschen Forum bin oder wie darf ich das verstehen?
Richtig.
Ich geh ja auch nicht in ein Auto-Forum und frage warum meine Tauchfalsche nicht mehr den richtigen Druck hat.

-> http://www.php.de/html-usability-und-barrierefreiheit/
__________________
Es ist schon alles gesagt! Nur noch nicht von allen! (Karl Valentin)
Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)
dennis81 ist offline   Mit Zitat antworten
Alt 11.06.2010, 12:59  
Erfahrener Benutzer
 
Registriert seit: 04.07.2003
Beiträge: 359
PHP-Kenntnisse:
Fortgeschritten
Sirke befindet sich auf einem aufstrebenden Ast
Standard
Auch wenn es das falsche Forum ist, möchte ich einmal schnell antworten!

Du möchtest margin: 0 auto; setzen und keine Breite vorgeben, also standardmäßig width: auto; belassen. Folglich soll nun der Style ausgewertet werden, sodass der Abstand nach links und rechts automatisch aus der Breite berechnet wird und gleichzeitig die Breite automatisch an den zur Verfügung stehenden Platz angepasst werden soll. Sowas kann doch nicht klappen ... eine Angabe bezüglich Anstand, Länge, etc musst du schon geben...
PHP-Code:
<div style="margin: 0 100px; width: auto; background-color: #FF0000;">TEST</div> 
ODER
<div style="margin: 0 auto; width: 500px; background-color: #FF0000;">TEST</div> 
Sirke ist offline   Mit Zitat antworten
Alt 11.06.2010, 13:34  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard
[MOD: verschoben]
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Antwort

« Probleme mit Menü im IE | [Erledigt] Lücke zwischen 2 DIV-Container(CSS) »

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Erledigt] IE Quirks Modus und Menu chunky HTML, Usability und Barrierefreiheit 9 10.02.2010 16:27
Frage.: Dymanisches Datum im Drop Down Menü möglich? badboygoofy JavaScript, Ajax und mehr 1 24.07.2009 14:34
menu in einer xhtml seite stripes PHP Tipps 2009 31 04.01.2009 14:26
horizontales Menü Fritz73 Scriptbörse 9 26.05.2008 22:26
wie gehts schöner/besser? AliceD HTML, Usability und Barrierefreiheit 1 06.09.2005 08:59
PHP Menü onMouseOver !!! PHP Tipps 2005-2 6 23.08.2005 00:56
Menü aus MySQL Datenbank ausgelesen PHP Tipps 2005 9 02.06.2005 17:11
PHP Menu mit 2 untermenus PHP Tipps 2005 3 23.05.2005 00:04
so scrollen das menü usw. dableibt PHP Tipps 2005 10 21.05.2005 21:15
Menü auf php-Seite PHP Tipps 2005 20 01.02.2005 20:24
über ein menü eine datenbankabfrage --> ergebnisse auflis PHP Tipps 2004-2 1 18.11.2004 17:42
[Erledigt] Wie erstelle ich ein Upload Menü mit mehreren Menüpunkten ? PHP Tipps 2004 3 22.08.2004 14:19
[Erledigt] PopDown Menü fast fertig!! HTML, Usability und Barrierefreiheit 3 27.07.2004 00:11

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
html menü zentrieren, css menü zentrieren, menu zentrieren, css menu mittig, css menü zentriert, horizontales menü zentrieren, css horizontales menü zentrieren, ul menu zentrieren, menu zentrieren css, css menu text zentrieren, menü zentrieren html, html menu mittig, menü mittig css, css menü mittig zentrieren, ul navigation zentrieren, http://www.php.de/html-usability-und-barrierefreiheit/68826-erledigt-css-menue-zentrieren.html, css horizontal menu zentrieren, ul li zentrieren, css menüleiste mittig, css horizontales dropdown menu zentrieren

Alle Zeitangaben in WEZ +2. Es ist jetzt 05:49 Uhr.

php.de - Das deutsche PHP-Forum - Kontakt - Impressum - Forenregeln - Archiv - Nach oben



Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum