Beiträge von explanator

  • Facebook like box html integrieren

    Wieviel Ahnung hast du von HTML und CSS?

    Ach - Vergiss die Frage, du musst

    in das hier ändern

  • Menü-Punkt wird schmaler

    Ja kann ich.

    Code
    #top li {
    list-style-type: none;
    background-color: rgb(0, 153, 255);
    height: 22px;
    width: 22px;
/* war  vorher width: auto;  */
    padding: 1px 5px;
    display: block;
    float: left;
    border-bottom: 2px solid rgb(51, 51, 51);

    Du hast eine Liste - ul - ungeordnet in diesem Fall. Die Listenelemente sind deine li.
    Lese dich unbedingt mal ein in HTML und CSS. Im Netz gibt es hunderte von Anleitungen, sonst sitzen wir hier nächste Woche noch an deinem Menü.

  • Tabellen Ausgeben

    Die Anordnung von Elementen gehört ins CSS und nicht ins Script.

    Das hier

    PHP
    <table style="width:760px">


    ist ein häufiger Fehler. Du kannst nämlich später in dem CSS keine Regel mehr erstellen die dir die Breite der Tabelle anpasst.

    Gib ganz normal 3 Tabellen aus und vergib denen das Attribut ID für Eindeutigkeit. Im CSS kann du dann bestimmen wie sie angeordnet werden.
    3 x 760px ist übrigens ganz schön breit, aber das musst du wissen.

  • Link funktioniert nicht

    Zitat


    Dachte eher so an Ladezeiten usw. Im Prinzip bleibt ja der Rest der Seite Statisch, nur die jeweiligen Unterseiten werden nachgeladen. Oder wie würdest Du das lösen?


    Die paar Bytes wiegen die anderen negativen Effekte für den Benutzer nicht auf. Zum Beispiel, Speichern der Unterseite als Bookmark ist nicht mehr möglich. Der Browser hat intern einen Cache und speichert von sich aus schon Dateien, wie Bilder, Javascript und CSS-Dateien, diese werden kein 2. Mal beim Server angefordert.
    Deine Ersparnis ist also wahrscheinlich nicht mal messbar.


    Zitat


    Ich werde es mit den absoluten Links probieren, obwohl ich mir fast sicher bin das es daran nicht liegen kann.

    Nein, es liegt daran wie dir Threadi schon schrieb.

  • Menü-Punkt wird schmaler

    Du hast den HTML-Code den ich dir gegeben habe verändert.
    Die Liste muss genau so aussehen:

    Code
    <ul id="top">                            
    <li><img class="img_set" src="style/img/invis.png" alt="Optionen"></li>                           
    <li><img class="img_menu" src="style/img/invis.png" alt="Menu">               
        <ul>                        
            <li><a href="">2. Ebene</a></li>                      
            <li><a href="">2.punkt</a></li>               
        </ul>           
   </li>                  
</ul>

    Wenn du das li-Element hinter dem 2. Bild schliesst ist das Menü nicht verschachtelt!

    Lies mal hier: http://de.selfhtml.org/html/text/listen.htm

  • Link funktioniert nicht

    Warum nutzt du denn Iframes für deine Unterseiten, das macht man so nicht. Erstelle für jede Unterseite eine eigene Seite mit Header usw.
    Was mir noch auffiel ist die kleine Schrift oben für die Navigation. Zudem ist das Schriftbild nicht schön, nimm lieber eine serifenlose Schrift für die Navigation.

    Mich persönlich stört auch der Slider mit den sich bewegenden Bildern, das lenkt viel zu sehr beim lesen ab. Ein Titel sollte jede Seite auch haben, du hast zwar auf der Hauptseite einen 'Titel, aber den Ohne_Titel_1 zu nennen ist auch nicht im Sinne der Erfinder. Auf den Unterseiten fehlt der Titel ganz.
    Warum letztendlich der Link im Iframe auf der Unterseite nicht geht, weiss ich im Moment auch nicht, aber versuch es mal mit absoluten URIs also inkl. http:// usw.

  • Menü-Punkt wird schmaler

    Als nächstes fügst du deinem HTML-Code eine 2. Ebene in der Liste ein, das macht man in dem man eine unsortierte Liste innerhalb eines Listenelementes einfügt:

    Code
    <ul id="top">                       
    <li><img class="img_set" src="style/img/invis.png" alt="Optionen"></li>                      
    <li><img class="img_menu" src="style/img/invis.png" alt="Menu">     
          <ul>         
              <li><a href="">2. Ebene</a></li>       
              <li><a href="">2.punkt</a></li>     
          </ul>     
     </li>                 
</ul>

    Danach gehts ans CSS. dort müssen die Listenelemente in der 1. Ebene die jetzt vorhanden sind als Inlineelemente zu Blockelementen gewandelt werden und danach werden sie mit float:left wieder in Position gebracht. Für die 2. Ebene werden die Listenelemnte ebenfalls als Block angezeigt, da wir sie untereinander haben wollen.
    Dann noch etwas Farbe und Länge zugeben und schon haben wir es geschafft.

    CSS-Code

  • Menü-Punkt wird schmaler

    Die Elemente img und span gehören zur Gruppe der Textelemente. Deren Eigenschaft ist es, dass wenn sie in einem Text eingefügt werden, den Text an der Stelle in Schreibrichtung weiterschieben, so dass deren Inhalt dort eingefügt werden kann.
    Genau dieses Verhalten ist bei dir zu beobachten. Der Button bestehend aus Span-Elementen wird geteilt nach dem Bild, der Text erscheint und danach der Rest vom Button, die kleine blaue Randlinie, die dir oben fehlt.

    Du hast immer nicht gesagt welche Funktion denn dahinter stehen soll. Entweder es geht mit Javascript weiter oder mit CSS aber dazu ist es notwendig zu wissen was das Ganze am Schluss werden soll.