UL als Navigation (inline). Firefox zentriert die Links nicht - Seite 2

meccs76 · #11 (**permalink**) 25.10.2008, 22:33

Zitat:

Zitat von fricca

Fällt dir jetzt was auf?

Nein, einen Roman zu schreiben habe ich keine Zeit und keine Lust.
Grundlagen zu Float im Allgemeinen findest du unter FAQ Punkt 2. Zu Navigationen im Speziellen in Heikos FAQ-Beitrag.
Ansonsten brauchst du ein Buch, wenn du CSS lernen willst. Dieses Forum kann dir nicht die Grundlagen erklären.

Sry, ich weis nur nicht genau, was Float innerhalb eines Inline Elements bewirken soll und wo genau ich da ansetzten muß

Edit: werd mir Heikos FAQ mal zu Gemüte führn, warscheinlich hilft das ja.

fricca · #12 (**permalink**) 25.10.2008, 22:34

Du sollst Float statt Inline einsetzen.
Warum bitte liest du nicht, worauf ich dich hingewiesen habe?

meccs76 · #13 (**permalink**) 25.10.2008, 22:46

OK, tut mir leid. kaum ne Stunde hier, und schon eck ich an XD

Ich werde mich informieren wie und in welcher Form ich auf Inline Elemente verzichen kann, und in wie fern das zur Beseitigung meines Problems hilft. Ich danke dir, das du dir die Zeit genommen hast.

Ich werde hier posten, sobald ich eine vorzeigbare Variante gefunden habe.

Danke nochmal!

meccs76 · #14 (**permalink**) 25.10.2008, 23:14

Hab mal die CSS Datei geupdatet, so daß die a:hover etc Modi nicht mehr allgemein gelten, sondern nur noch aufs Menü wie gewünscht.

Code:

* { margin: 0; padding: 0; }


body {

       background-color:#444444;
      }









#Hauptcontainer {position:relative;
                 margin:0mm auto ;
                 width:760px;
                 }





#Header {position:relative;
         height:150px;
         background-color:#545654;
         }
#Header h1 {position:relative;
            margin:0px 70px 0px 50px;
            font-size:50pt;
            font-family:Bickham Script Pro Regular;
            letter-spacing:20px;
            color:#FCFEFC;
            }






#MenueMain {position:relative;

        height:23px;
        background-color:#646664;
        background:url(../Grafiken/Navigation.gif) no-repeat 0 0;
        }
#MenueMain a  {background:url(../Grafiken/Navigation.gif) no-repeat 0 0;}


#MenueMain a:link  {
                    color:black;
                    font-weight:bold;
                    font-size:15pt;
                    text-decoration:none;
                    }
#MenueMain a:visited {
                     color:black;
                     font-weight:bold;
                     font-size:15pt;
                     text-decoration:none;
                     }

#MenueMain a:hover {
                    color:black;
                    font-weight:bold;
                    font-size:15pt;
                    text-decoration:none;
                    background-position: 0px -25px;
                                 }








#MenueMain ul {
                 display:inline;
                 list-style-type:none;
                 margin:0;
                 padding:0;
              }
#MenueMain li {display:inline;
               list-style-type:none;
               }
#MenueMain ul li a {
                    margin:60px;
                    padding:0;
                   }







#Menue {position:relative;
        height:23px;
        background-color:#646664;
        background:url(../Grafiken/Navigation.gif) no-repeat 0 0;

        }

#Menue a  {background:url(../Grafiken/Navigation.gif) no-repeat 0 0;}

#Menue a:hover {
               color:black;
               font-weight:bold;
               font-size:15pt;
               text-decoration:none;
               background-position: 0px -25px;
               }




#Menue a:link  {       color:black;
                       font-weight:bold;
                       font-size:15pt;
                       text-decoration:none;
               }
#Menue a:visited {     color:black;
                       font-weight:bold;
                       font-size:15pt;
                       text-decoration:none;
                 }


#Menue ul {display:inline;
           list-style-type:none;
           }
#Menue li {display:inline;
           list-style-image:none;
           }
#Menue ul li a {
                margin:30px;
                padding:0;
                }






#Content  {position:relative;
           border-style:solid;
           border-width:1px;
           background-color:#FFFFFF;
           border-color:#FFFFFF;
           }
#Content p {margin:10px 100px 100px 100px;
            padding:20px 20px 20px 20px;
            line-height:150%;
            background-color:#F9F9F9;
            color:#616161;
           }
#Content h1 {margin:50px 100px 40px 100px;
             color:#8D8765
            }
#Content h2 {margin:20px 100px 30px 100px;
             font-size:12pt;
             color:#444444;
            }




#Mond {position:absolute;                            /*Grafiken*/
       margin-top:-35mm;
       margin-left:155mm;


       }

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
problem mit links im firefox	steve-x	CSS	7	05.01.2009 21:07
Javascript UL Navigation im IE6	ven	CSS	7	29.04.2008 15:29
Ul mit Sub-Ul Navigation macht Darstellungsprobleme im Opera	eRoZion	CSS	17	16.09.2005 09:30
Probleme mit 3 spalten	luk	CSS	3	08.06.2005 14:39
Navigation Links Hover	child	CSS	3	25.02.2005 21:00