[CSS] Menue mit Listen darstellen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [CSS] Menue mit Listen darstellen

    will für einen freund eine seite bauen und das menue soll ungefähr so aussehen http://www.ebbe-n-flut.de

    leider funktioniert das nur beim IE mit
    PHP-Code:
     width100px
    wie sagt man dem FireFox das die dinger 100pixel breit sein sollen

    PHP-Code:
    #navsite ul {
     
    padding3px 0;
     
    margin-left0;
     
    border-top2px solid #778;
     
    border-bottom2px solid #778;
     
    fontbold 12px Verdanasans-serif;
    }
    #navsite ul li {
     
    list-stylenone;
     
    margin0;
     
    displayinline;
    }
    #navsite ul li a {
     
    width100px;
     
    padding3px 0.5em;
     
    margin-left3px;
     
    border1px solid #778;
     
    border-bottom2px solid #778;
     
    background#dde;
     
    text-decorationnone;
    }
    #navsite ul li a:link {
     
    color#448;
    }
    #navsite ul li a:visited {
     
    color#667;
    }
    #navsite ul li a:link:hover, #navsite ul li a:visited:hover {
     
    color#000;
     
    background#aae;
     
    border-color#227;

    fotos :

    http://www.flickr.com/photos/rassloff/collections/

  • #2
    arbeite mit einer DTD und informier dich über darstellungsmodi von browsern sowie dem boxmodell-bug im ie. denn eigentlich stellt firefox es korrekt dar und der ie nicht.

    des weiteren solltest du auch valides (X)HTML erzeugen und nicht so was:
    PHP-Code:
    <ul><br>
                &
    nbsp;&nbsp;<li><img src=images_2/photographie.jpg width=100></li><br><br>
                &
    nbsp;&nbsp;<li><a href=index.php><b>start</b></a></li><br><br>

                &
    nbsp;&nbsp;<li><a href=portfolio.php><b>portfolio</b></a></li><br><br>
                &
    nbsp;&nbsp;<li><a href=ordner.php><b>ordner</b></a></li><br><br>
                &
    nbsp;&nbsp;<li><a href=kategorie.php><b>kategorie</b></a></li><br><br>
                &
    nbsp;&nbsp;<li><a href=contact.php><b>contact</b></a></li><br><br>
                &
    nbsp;&nbsp;<li><a href=suche.php>suche</a></li><br><br>
                &
    nbsp;&nbsp;<li><a href=php_docs/login.phplogin </a></li><br><br>

            </
    ul
    das ist nämlich tinnef

    gruß
    peter
    Zuletzt geändert von Kropff; 30.11.2008, 15:49.
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Hier übrigens eine Auflistung der HTML-Fehler:

      http://validator.w3.org/check?uri=ht...Inline&group=0

      Kommentar


      • #4
        ie vs. firefox

        ach herje ...

        ok, jetzt werden keine fehler mehr angezeigt, aber im ie siehts immer noch besser aus, als im firefox :-(
        Zuletzt geändert von rossixx; 30.11.2008, 19:54.
        fotos :

        http://www.flickr.com/photos/rassloff/collections/

        Kommentar


        • #5
          Original geschrieben von rossixx
          ach herje ...
          nur nicht den mut verlieren . ist halb so wild. schau dir ggf. mal diese tutorials sowie die notwendige theorie zu html und css an, dann begreifst du es schon.

          peter
          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
          Meine Seite

          Kommentar


          • #6
            erstmal so gelöst

            PHP-Code:

            #foto_show{
            height:500px;
            border1px solid red;
            }
            #navsite h5 {
             
            displaynone;
            }

            #navsite{
            font-familyVerdanaHelveticaArialsans-serif;
            font-size0.7em;
            font-weightbold;
            width12em;
            border-right0px solid #666;
            padding0;
            margin-bottom1em;
            background-color#808080;
            color:#333;
            }
            #navsite ul{
            list-stylenone;
            margin:0;
            padding:0;
            }
            #navsite ul li{
            margin0;
            border-top1px solid #003;
            }
            #navsite ul li a {
            displayblock;
            padding2px 2px 2px 0.5em;
            border-left10px solid #369;
            border-right1px solid #69c;
            border-bottom1px solid #369;
            background-color#036;
            color#fff;
            text-decorationnone;
            widthauto;
            }
            #navsite ul li a:hover{
            border-left10px solid #036;
            border-right1px solid #69c;
            border-bottom:1px solid #369;
            background-color#69f;
            color#fff;

            fotos :

            http://www.flickr.com/photos/rassloff/collections/

            Kommentar


            • #7
              Automatischer Fotoload

              Kann man eigentlich z.B. Fotos aus einem Ordner bzw. Datenbank dynamisch laden ???

              Sodas ein Foto nach dem Anderem angezeigt wird - ähnlich wie ne Diashow?!!?!
              fotos :

              http://www.flickr.com/photos/rassloff/collections/

              Kommentar

              Lädt...
              X