css menü bei ff

    wie kann ich mein menü eine fixe größe zuschreiben, bei ie geht es, bei ff ist es aber ist es so groß wie die schrift

    Zitat


    Home

    geht,
    leider sind jetzt aber alle menüpunkte unter einander
    sieht aus als ob ich einen
    tag eingefügt hätte.
    wie kann ich das machen das es nebeneinander ist ?
    so wie vorher, nur dass es gleich groß ist

    Zitat von sejuma

    Das float:left hat mit den untereinanderstehenden Links nichts zu tun.


    Wenn man alle Links hintereinander in ein einziges div packt, nicht ... stimmt. Aber bei einem Div je Link schon, ich tippte darauf, dass dies hier der Fall ist.

    Zitat von sejuma

    Falls du ein Listenmenue hast und die Links nebeneinander erscheinen sollen must du dem li-Element ein

    Code
    display:inline;

    zuordnen.
    Ggf. wäre es für uns nützlich wenn du mal einen Link oder auch den HTML-Code posten könntest.

    /signed

    der code:

    [/code]

    Füge mal noch das in deine CSS-Datei hinzu:

    Code
    li
{display:inline;}
ul
{list-style-type:none;}

    Für den HTML-Navi-Code nimmst du folgendes:

    Code
    <div id="navi">
<ul>
[*][url='home_frame.html']Home[/url]
[*][url='aboutme_frame.html']About me[/url]
[*][url='photos_frame.html']Photos[/url]
[*][url='videos_frame.html']Videos[/url]
[*][url='contact_frame.html']Contact[/url]
[/list]
</div>

    um der Liste dann noch deine vorher gewählten Farben zu geben, benötigt diese noch eine ID und folgende Deklarationen:

    im HTML benötigt die Liste dann noch erwähnte ID

    Code
    <ul id="nav">
[*][url='home_frame.html']Home[/url]
[*][url='aboutme_frame.html']About me[/url]
[*][url='photos_frame.html']Photos[/url]
[*][url='videos_frame.html']Videos[/url]
[*][url='contact_frame.html']Contact[/url]
[/list]

    Damit entfallen auch sämtliche Klassenangaben bei den einzelnen Links, da dies bereits über die (verschachtelten) Angaben im css geschehen ist.

    Edit:
    Zur korrekten Verarbeitung des Quelltextes freuen sich Browser immer über die Angabe der verwendeten html-Version.

    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">


    ist wohl die gebräuchlichste derzeit. Die beiden Zeilen ganz an den Anfang jeder *.html-Datei setzen.

    danke,
    doctype habe ich bei meiner alten seite schon drinnen.
    aber muss ich den auch bei iframes reingeben ?

    es geht wenn ich es so mache wie dead eye
    nur dass dann das menü auf der linken seite ist
    ich habs mit <div> probiert, es ändert sich aber trotzdem nichts

    um das menü zu zentrieren:
    fürs css

    Code
    div.nav_con {
margin:0 auto 0 auto;
}

    für den html-Bereich

    Code
    <div class="nav_con">
<ul id="nav">
.
.
.
[/list]
</div>


    Die Angabe "margin:0 auto 0 auto;" bewirkt eine Zentrierung, die Reihenfolge der Abstände ist: oben, rechts, unten, links.

    Zitat Selfhtml:

    Zitat von SELFhtml

    Beachten Sie:

    Wenn Sie das iframe-Element in einer HTML-Datei notieren, müssen Sie in dieser Datei die HTML-Variante Transitional wählen.

    das problem ist das ff den width nicht checkt
    probiert mal

    a.cssmenu:link {
    width : 300px;

    bei ie ( da geht es PERFEKT )
    bei ff geht es einfach nicht !

    ich hab es schon so versucht wie ihr es gesagt habt,
    hat aber nie ganz geklappt
    dann habe ich in der schule alle css befehle untersucht und ich habe herausgefunden das der width tag nicht geht.
    aber wieder nur bei ff


    <html>
    <head>
    <style type="text/css">
    <!--


    body {text-align:center
    }

    body {
    font-family:arial,sans-serif;
    font-size:10pt;
    }


    a.cssmenu:link {
    width : 100px;
    color : #808080;
    background-color : #004040;
    text-align : center;
    text-decoration : none;
    font-size : 15px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-top : 0px;
    margin-right : 10px;

    }

    a.cssmenu:visited {
    width : 100px;
    color : #808080;
    background-color : #004040;
    text-align : center;
    text-decoration : none;
    font-size : 15px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;

    }


    a.cssmenu:hover {
    width : 100px;
    color : #004040;
    background-color : #808080;
    text-align : center;
    text-decoration : none;
    font-size : 15px;
    border-top : 1px solid silver;
    border-right : 1px solid black;
    border-left : 1px solid silver;
    border-bottom : 1px solid black;
    padding-top : 2px;
    padding-right : 4px;
    padding-left : 4px;
    padding-bottom : 2px;
    margin-right : 10px;

    }

    //-->
    </style>
    </head>

    <body style="background-color:#808080">

    <div align="center">
    <font color="#000000">
    <tr>
    <td>


    Home
    About me
    Photos
    Videos
    Contact


    </td>
    </tr>
    </font>
    </div>

    </body>

    </html>

    das ist doch wieder genau das, was am Anfang auch schon nicht ging, einzig die einzelnen divs sind einem umfassenden div gewichen ...
    Die Tabelle innerhalb des divs ist quatsch, wenn schon divs und css, dann richtig. Fang gar nicht erst an, wieder Tabellen fürs Layout dazwischen zu mischen.
    Habe nochmal alles zusammenhängend abgetippt (siehe code-Bereich). Für die Zentrierung des divs fehlte vorher eine Breite, mein Fehler. So gehts jetzt aber.
    Für die feste Breite der Buttons benötigen diese die Angabe "float:left", ansonsten wird die Breite nicht interpretiert.