ilch Forum » Allgemein » HTML, PHP, SQL,... » hmenu breite variable

Geschlossen
  1. #1
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Huhu,

    ich habe ein variables hmenu was die breite angeht.

    Nun habe ich ein anfang, ein content, ein mitte, ein zweiten content und ein ende.

    Nun ist der anfang festgelegt in der breite der content ist variable je nach laenge vom hmenu und die mitte ist wieder festgelegt.

    Edit:
    Was nun nicht geht ist das der abschluss sprich das ende neben den zweiten content gezeigt wird sondern es dadrunter schieb.

    Bild: klick

    htm
       <div id="hmenu">
         <div id="hmenu-left" class="left"></div>
         <div id="hmenu-cont" class="left">     
          <div style="padding-top:2px;">
         {HMENU}
          </div>
         </div>
         <div id="hmenu-middle" class="left"></div>
         <div id="hmenu-cont2"></div>
         <div id="hmenu-right" class="left"></div>
       </div>


    css
    div#hmenu {
    width:630px;
    height:25px;
    }
    div#hmenu-left {
    width:18px;
    height:25px;
    background:url(images/hmenu_left.gif)
    }
    div#hmenu-cont {
    height:25px;
    background:url(images/hmenu_content.gif)
    }
    div#hmenu-middle {
    width:23px;
    height:25px;
    background:url(images/hmenu_middle.gif)
    }
    div#hmenu-cont2 {
    width:100%;
    height:25px;
    background:url(images/hmenu_content2.gif)
    }
    div#hmenu-right {
    width:15px;
    height:25px;
    background:url(images/hmenu_right.gif)
    }



    Zuletzt modifiziert von Siggi am 04.10.2011 - 16:17:23
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hatte das eine class="left" entfernt wobei das nach oben rutschte nun geht jedoch das ende nicht das steht unten drunter
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    komme hier immer noch nicht so recht weiter ich hab doch alles eine volle breite gegeben?

    Das letzte egal was ich mach rutscht nach unten es liegt an der 100%? was mach ich den falsch bzw gibt es eine andere loesung oder so?

    LG
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Ich schaue mir das später gerne an.
    Was allgemein schon mal verbessert werden kann ist, dass du bei jedem div# das "div" entfernen kannst.

    Beispiel
    #hmenu {
        width:630px;
        height:25px;
    }
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Tr3icio gelöschter User
    ZitatZitat geschrieben von jankrug

    Ich schaue mir das später gerne an.
    Was allgemein schon mal verbessert werden kann ist, dass du bei jedem div# das "div" entfernen kannst.

    Beispiel
    #hmenu {
        width:630px;
        height:25px;
    }



    Mit dem div davor ist es aber schöner und genauer ^^
    Das ist schon ne schöne Sache :-P

    Vor allem kann es ja mal passieren das er ausversehen die ID doppelt vergibt und es nicht merkt. Dann läuft es trotzdem teils ^^
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    eine ID ist eine ID, egal obs mit div#~ oder ohne gemacht wurde, sie sollte nur einmal vergeben werden.

    das element mitanzugeben macht eigentlich nur sinn bei klassen mit gleichen namen aber unterschiedlichen funktionen. was ich auch nicht gerade für sauber halte.
    before creation there must be destruction
    1 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Joa wie auch immer lächeln habs nun mal entfernt und normal habe ich es immer nur einmal genutzt es sei den es ist das gleiche wie float left oder so

    css:
    #hmenu {
    width:630px;
    height:25px;
    }
    #hmenu-left {
    width:18px;
    height:25px;
    background:url(images/hmenu_left.gif)
    }
    #hmenu-cont {
    height:25px;
    background:url(images/hmenu_content.gif)
    }
    #hmenu-middle {
    width:23px;
    height:25px;
    background:url(images/hmenu_middle.gif)
    }
    #hmenu-cont2 {
    width:100%;
    height:25px;
    background:url(images/hmenu_content2.gif)
    }
    #hmenu-right {
    width:15px;
    height:25px;
    background:url(images/hmenu_right.gif)
    }


    htm
       <div id="hmenu">
         <div id="hmenu-left" class="left"></div>
         <div id="hmenu-cont" class="left">     
          <div style="padding-top:2px;">
         {HMENU}
          </div>
         </div>
         <div id="hmenu-middle" class="left"></div>
         <div id="hmenu-cont2"></div>
         <div id="hmenu-right" class="left"></div>
       </div>


    Das hmenu-cont2 muss immer 100% sein und das hmenu-cont richtet sich ja nach der breite des {HMENU} aus aber leider wie oben auf den bild zusehn macht er mir bei den letzten bild um es abzuschliessen dadrunter anstatt dahinter


    Zuletzt modifiziert von Siggi am 14.10.2011 - 15:32:44
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Ich bin gerade etwas zu faul noch weiter nach dem Fehler zu suchen, aber eine alternative Lösung poste ich dir gerne:

    <div id=hmenu>
        <div id=ecke-links></div>
        <div id=ecke-rechts></div>
    </div>
    
    #hmenu {
        background:url(hintergrund-ganze-breite.jpg) 0 0 repeat-x;
        height:{HOEHE DER BILDER}px
    }
    #ecke-links {
        background:url(ecke-links.jpg);
        float:left;
        width:{BREITE DER ECKE}px
    }
    #ecke-rechts {
        background:url(ecke-rechts.jpg);
        float:right;
        width:{BREITE DER ECKE}px
    }
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Damit habe ich aber nicht die zwischenstreben.

    wenn man sich das bild und auch den code anschaut sind dort ein paar mehr angaben als nur links und rechts

    Das bringt mir beim zweiten content auch keine 100%
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Zweiter Content?
    Poste einfach mal einen Link zu deiner Seite bitte.
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    so geht es natuerlich am einfachsten ja lächeln
    athoris-uo.com/cms2/

    oehm nein im hmenu wie man denke im script sieht ist einmal das hmenu wobei die breite ja je nach laenge des hmenus ist in dne datein und das andere muss sich dementsprechend anpassen.

    Ka so recht wie ich es sonst beschreiben soll dachte ihr erkennt es aus den code


    Zuletzt modifiziert von Siggi am 15.10.2011 - 11:05:24
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Das eine div geht ja immer bis an den rechten Rand.
    Wenn du das Bild mit der rechten Ecke in dieses div steckst passt alles. lächeln

    gesperrtes Bild

    Liebe Grüße
    Jan
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    ja ka lachen wie du oben den code siehst habe ich es ja glaub so wie bei anderen anwendungen auch nur das es glaub irgendwas mit der 100% was zutun hat.

    bekomme das einfach nicht am ende ran wie man ja sieht ^^

    edit: oh man das kann nicht sein oder habs glaub ich fummel schon tage dran rum :/

       <div id="hmenu">
         <div id="hmenu-left" class="left"></div>
         <div id="hmenu-cont" class="left">     
          <div style="padding-top:2px;">
         {HMENU}
          </div>
         </div>
         <div id="hmenu-middle" class="left"></div>
         <div id="hmenu-cont2"><div id="hmenu-right" class="right"></div></div>
       </div>



    Zuletzt modifiziert von Siggi am 15.10.2011 - 12:28:12
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Versuchs mal so:

    <div id="hmenu">
        <div id="hmenu-left" class="left"></div>
        <div id="hmenu-cont" class="left">    
            <div style="padding-top:2px;">
                {HMENU}
            </div>
        </div>
        <div id="hmenu-middle" class="left"></div>
        <div id="hmenu-cont2">
            <div id="hmenu-right" class="left"></div>
        </div>
    </div>
    1 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    ja sry hatte mein beitrag editiert lächeln danke geht und dabei war es so einfach zu machen wenn man weiss wie lachen
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten