Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 21

Thema: css menü bei ff

  1. #1
    gast
    Gast

    Standard 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

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

    #navi {
    margin:auto;
    width: 600px;
    }

    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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    27.04.2006
    Ort
    Wien
    Beiträge
    263
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich würd mal ganz stark auf "height" und "width" tippen

  3. #3
    gast
    Gast

    Standard

    beim ie geht es aber

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <div id="navi">
    Home
    </div>

  5. #5
    gast
    Gast

    Standard

    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

  6. #6
    Interessierte/r
    Registriert seit
    20.02.2005
    Beiträge
    120
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    im css-Teil die FLießeigenschaften festsetzen:

    Code:
    #navi &#123;
    float&#58;left;
    /* sonstige Definitionen */
    &#125;
    Oder das ganze in eine Liste packen, wie man sowas am besten realisiert findest du hier: http://www.cssplay.co.uk/menus/menunine.html

    *edit: besserer link ...*
    SELFHTML - Die Energie des Verstehens
    HTML-Validator
    CSS-Validator
    Links zu CSS-Lösungen für allerlei Probleme

  7. #7
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das float:left hat mit den untereinanderstehenden Links nichts zu tun.
    Falls du ein Listenmenue hast und die Links nebeneinander erscheinen sollen must du dem li-Element ein
    Code:
    display&#58;inline;
    zuordnen.
    Ggf. wäre es für uns nützlich wenn du mal einen Link oder auch den HTML-Code posten könntest.

  8. #8
    Interessierte/r
    Registriert seit
    20.02.2005
    Beiträge
    120
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat 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 Zitat von sejuma
    Falls du ein Listenmenue hast und die Links nebeneinander erscheinen sollen must du dem li-Element ein
    Code:
    display&#58;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
    SELFHTML - Die Energie des Verstehens
    HTML-Validator
    CSS-Validator
    Links zu CSS-Lösungen für allerlei Probleme

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ... wobei es allerdings keinen Sinn macht, in einem Menue je Link einen separaten div zu verwenden.
    Für ein Menue braucht man lediglich einen div um es zu positionieren. Die einzelnen Links formatiert man über ul, li und a.
    Hier zahlreiche Beispiele: http://css.maxdesign.com.au/listamatic/

  10. #10
    gast
    Gast

    Standard

    der code:

    Code:
    <html>
    <head>
    <style type="text/css">
    <!--
    
      #navi &#123;
      margin&#58;auto;
      width&#58; 600px;
    &#125;
    
    body &#123;text-align&#58;center
         &#125;
    
    body &#123;
      font-family&#58;arial,sans-serif;
      font-size&#58;10pt;
      &#125;
    
    
    a.cssmenu&#58;link &#123;
      width &#58; 100px;
      color &#58; #808080;
      background-color &#58; #004040;
      text-align &#58; center;
      text-decoration &#58; none;
      font-size &#58; 15px;
      border-top &#58; 1px solid silver;
      border-right &#58; 1px solid black;
      border-left &#58; 1px solid silver;
      border-bottom &#58; 1px solid black;
      padding-top &#58; 2px;
      padding-right &#58; 4px;
      padding-left &#58; 4px;
      padding-bottom &#58; 2px;
      margin-top &#58; 0px;
      margin-right &#58; 10px;
      
    &#125;
    
    a.cssmenu&#58;visited &#123;
      width &#58; 100px;
      color &#58; #808080;
      background-color &#58; #004040;
      text-align &#58; center;
      text-decoration &#58; none;
      font-size &#58; 15px;
      border-top &#58; 1px solid silver;
      border-right &#58; 1px solid black;
      border-left &#58; 1px solid silver;
      border-bottom &#58; 1px solid black;
      padding-top &#58; 2px;
      padding-right &#58; 4px;
      padding-left &#58; 4px;
      padding-bottom &#58; 2px;
      margin-right &#58; 10px;
    
    &#125;
    
    
    a.cssmenu&#58;hover &#123;
      width &#58; 100px;
      color &#58; #004040;
      background-color &#58; #808080;
      text-align &#58; center;
      text-decoration &#58; none;
      font-size &#58; 15px;
      border-top &#58; 1px solid silver;
      border-right &#58; 1px solid black;
      border-left &#58; 1px solid silver;
      border-bottom &#58; 1px solid black;
      padding-top &#58; 2px;
      padding-right &#58; 4px;
      padding-left &#58; 4px;
      padding-bottom &#58; 2px;
      margin-right &#58; 10px;
    
    &#125;
    
    //-->
    </style>
    </head>
    
    <body style="background-color&#58;#808080">
    
    <div align="center">
    <font color="#000000">
      <tr>
        <td>
    
    
    
    <div id="navi">   Home</div>
    <div id="navi">   About me</div>
    <div id="navi">   Photos</div>
    <div id="navi">   Videos</div>
    <div id="navi">   Contact
    </div>
    
       </td>
      </tr>
    </font>
    </div>
    
    </body>
    
    </html>
    [/code]

Ähnliche Themen

  1. CSS - Menü
    Von Questionmark im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 18.06.2008, 22:29
  2. CSS-Menü im IE?
    Von HiQ im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 29.05.2007, 22:11
  3. menü
    Von viper3000 im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 13.01.2007, 16:29
  4. CSS Menü
    Von Schodn im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.11.2006, 00:15
  5. menü
    Von gamecracker im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 25
    Letzter Beitrag: 17.07.2004, 22:57

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •