ilch Forum » Allgemein » HTML, PHP, SQL,... » Drop Down Menü

Geschlossen
  1. #1
    User Pic
    kris Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Hallo Leute,
    ich steh hier vor einem sehr individuellem Problem.
    Meine Page ist in normalen Tabellen geschrieben und ich möchte mir ein drop down menü einbauen.
    Als Vorlage habe ich mir das hier externer Link ausgesucht.
    Dieses ist aber komplett in <DIV> geschrieben und das ist mal garnicht mein Ding.

    Hier mal der code:
    <div class="chromestyle" id="chromemenu">
    <ul>
    <li><a href="http://www.dynamicdrive.com">Home</a></li>
    <li><a href="#" rel="dropmenu1">Resources</a></li>
    <li><a href="#" rel="dropmenu2">News</a></li>
    <li><a href="#" rel="dropmenu3">Search</a></li>	
    </ul>
    </div>
    
    <!--1st drop down menu -->                                                   
    <div id="dropmenu1" class="dropmenudiv">
    <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
    <a href="http://www.cssdrive.com">CSS Drive</a>
    <a href="http://www.javascriptkit.com">JavaScript Kit</a>
    <a href="http://www.codingforums.com">Coding Forums</a>
    <a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
    </div>


    Ich hab das ganze mal etwas zerlegt und so in meine index.htm eingebaut:
    <table cellpadding="0" cellspacing="0" class="chromestyle" id="chromemenu"><tr>
    <td>
    <a href="#" rel="dropmenu1" img src="include/designs/iNatics/Bilder/teams.png" border="0" width="117" height="35" name="teams"></a></td>
    <td>
    </table>


    Und das erste Dorp Down Menü einfach ganz unten nach der letzten Tabelle als <DIV> reingesetzt:
    </table>
    
    <div id="dropmenu1" margin: 0 class="dropmenudiv" style="width: 115px;">
    <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
    <a href="http://www.cssdrive.com">CSS Drive</a>
    <a href="http://www.javascriptkit.com">JavaScript Kit</a>
    <a href="http://www.codingforums.com">Coding Forums</a>
    <a href="http://www.javascriptkit.com/jsref/">JavaScript</a>
    </div>
    
    
    <script type="text/javascript">
    
    cssdropdown.startchrome("chromemenu")
    
    </script>
    
    
    </body>
    </html>


    Jetzt hab ich aber das Problem, daß das ganze Design oberhalb und unterhalb von dem Button mit dem Drop Down Menü um jeweils 1px auseinander gezogen wird und der Button um 2px nach oben geschoben wird, wie bekomm ich das wieder in eine zeile?

    siehe hier inatics.de/kuechenmessa/

    Dank euch
    kris

    betroffene Homepage: inatics/kuechenmessa/
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Da fehlt ein Bild:

    inatics.de/kuechenmessa/down.gif

    Kann es sein, dass es daran liegt?
    .
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    kris Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Verzeihung ich hab vergessen den css teil noch zu posten.

    /* ######### Style for Drop Down Menu ######### */
    
    .chromestyle{
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    }
    
    
    .dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #BBB; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    }
    
    
    .dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
    padding: 0px 0;
    text-decoration: none;
    font-weight: bold;
    color: black;
    }
    
    * html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
    }
    
    .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #F0F0F0;
    }
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    kdl hat recht liegt an dem Bild.

    <img border="0" src="down.gif">


    Zuletzt modifiziert von she am 22.01.2011 - 13:35:16
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    kris Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Wie hast du das gesehen das deises Bild fehlt?
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Das wird bei mir angezeigt.


    Zuletzt modifiziert von kdl am 22.01.2011 - 13:34:52
    .
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    kris Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Ich habs lächeln

    Danke Leute ihr seid die besten!!!!!
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    kris Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Oder wirds bei euch noch anders angezeigt?
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Bei mir wird es falsch angezeigt:
    s7.directupload.net/images/110122/dsoo4nva.png


    Versuch folgendes:

    chrome.js deines Menüs öffnen und Zeile 22 von
    dropdownindicator: '<img src="down.gif" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu

    zu
    dropdownindicator: '', //specify full HTML to add to end of each menu item with a drop down menu

    ändern.
    .
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    kris Mitglied
    Registriert seit
    22.01.2011
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Ok danke dir, habs geändert, passt es jetzt?

    Benutzt du den IE?

    Hab IE bei mir komplett deinstalliert, kann es z.Z. nicht selber prüfen.
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    kdl Mitglied
    Registriert seit
    21.08.2010
    Beiträge
    333
    Beitragswertungen
    62 Beitragspunkte
    Jetzt ist es in Ordnung. Ich Benutze den chrome.
    .
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten