Anzeige

Drop-Down Menü erstellen

Drop-Down Menü erstellen | PSD-Tutorials.de

Erstellt von mather, 25.08.2008.

  1. mather

    mather Noch nicht viel geschrieben

    Dabei seit:
    21.07.2007
    Beiträge:
    35
    Geschlecht:
    männlich
    Drop-Down Menü erstellen
    So ahbe jetzt mein deisgn fertig und würde es gerne haben das die Bilder, 10,12,14,16,18,20 als eigen dropdwons da sind!
    Nun weiß ihc aber nciht, wie ihc das gut hinbekomme, habe hscon voll viel ausprobiert, aber bis jetzt komme ich net auf den grünen zweig!
    Also momentan sieht das ganze so aus:
    hp1---nicht wundern ist halt eine meiner webspaces:p

    HTML:
    1. <title>hp1</title>
    2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    3. </head>
    4. <body bgcolor="black" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    5. <!-- ImageReady Slices (hp1.psd) -->
    6. <table id="Tabelle_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0" align="center">
    7.     <tr>
    8.         <td colspan="17">
    9.             <img src="Bilder/hp_01.gif" width="1024" height="155" alt=""></td>
    10.     </tr>
    11.     <tr>
    12.         <td rowspan="4">
    13.             <img src="Bilder/hp_02.gif" width="95" height="613" alt=""></td>
    14.         <td colspan="6">
    15.             <img src="Bilder/hp_03.gif" width="387" height="381" alt=""></td>
    16.         <td rowspan="2">
    17.             <img src="Bilder/hp_04.gif" width="9" height="404" alt=""></td>
    18.         <td colspan="8">
    19.             <img src="Bilder/hp_05.gif" width="430" height="381" alt=""></td>
    20.         <td rowspan="4">
    21.             <img src="Bilder/hp_06.gif" width="103" height="613" alt=""></td>
    22.     </tr>
    23.     <tr>
    24.         <td colspan="6">
    25.             <img src="Bilder/hp_07.gif" width="387" height="23" alt=""></td>
    26.         <td colspan="8">
    27.             <img src="Bilder/hp_08.gif" width="430" height="23" alt=""></td>
    28.     </tr>
    29.     <tr>
    30.         <td rowspan="2">
    31.             <img src="Bilder/hp_09.gif" width="10" height="209" alt=""></td>
    32.         <td>
    33.             <img src="Bilder/hp_10.gif" width="129" height="31" alt=""></td>
    34.         <td rowspan="2">
    35.             <img src="Bilder/hp_11.gif" width="7" height="209" alt=""></td>
    36.         <td>
    37.             <img src="Bilder/hp_12.gif" width="89" height="31" alt=""></td>
    38.         <td rowspan="2">
    39.             <img src="Bilder/hp_13.gif" width="12" height="209" alt=""></td>
    40.         <td colspan="3">
    41.             <img src="Bilder/hp_14.gif" width="157" height="31" alt=""></td>
    42.         <td rowspan="2">
    43.             <img src="Bilder/hp_15.gif" width="16" height="209" alt=""></td>
    44.         <td>
    45.             <img src="Bilder/hp_16.gif" width="97" height="31" alt=""></td>
    46.         <td rowspan="2">
    47.             <img src="Bilder/hp_17.gif" width="15" height="209" alt=""></td>
    48.         <td>
    49.             <img src="Bilder/hp_18.gif" width="117" height="31" alt=""></td>
    50.         <td rowspan="2">
    51.             <img src="Bilder/hp_19.gif" width="15" height="209" alt=""></td>
    52.         <td>
    53.             <img src="Bilder/hp_20.gif" width="151" height="31" alt=""></td>
    54.         <td rowspan="2">
    55.             <img src="Bilder/hp_21.gif" width="11" height="209" alt=""></td>
    56.     </tr>
    57.     <tr>
    58.         <td>
    59.             <img src="Bilder/hp_22.gif" width="129" height="178" alt=""></td>
    60.         <td>
    61.             <img src="Bilder/hp_23.gif" width="89" height="178" alt=""></td>
    62.         <td colspan="3">
    63.             <img src="Bilder/hp_24.gif" width="157" height="178" alt=""></td>
    64.         <td>
    65.             <img src="Bilder/hp_25.gif" width="97" height="178" alt=""></td>
    66.         <td>
    67.             <img src="Bilder/hp_26.gif" width="117" height="178" alt=""></td>
    68.         <td>
    69.             <img src="Bilder/hp_27.gif" width="151" height="178" alt=""></td>
    70.     </tr>
    71.     <tr>
    72.         <td>
    73.             <img src="Bilder/spacer.gif" width="95" height="1" alt=""></td>
    74.         <td>
    75.             <img src="Bilder/spacer.gif" width="10" height="1" alt=""></td>
    76.         <td>
    77.             <img src="Bilder/spacer.gif" width="129" height="1" alt=""></td>
    78.         <td>
    79.             <img src="Bilder/spacer.gif" width="7" height="1" alt=""></td>
    80.         <td>
    81.             <img src="Bilder/spacer.gif" width="89" height="1" alt=""></td>
    82.         <td>
    83.             <img src="Bilder/spacer.gif" width="12" height="1" alt=""></td>
    84.         <td>
    85.             <img src="Bilder/spacer.gif" width="140" height="1" alt=""></td>
    86.         <td>
    87.             <img src="Bilder/spacer.gif" width="9" height="1" alt=""></td>
    88.         <td>
    89.             <img src="Bilder/spacer.gif" width="8" height="1" alt=""></td>
    90.         <td>
    91.             <img src="Bilder/spacer.gif" width="16" height="1" alt=""></td>
    92.         <td>
    93.             <img src="Bilder/spacer.gif" width="97" height="1" alt=""></td>
    94.         <td>
    95.             <img src="Bilder/spacer.gif" width="15" height="1" alt=""></td>
    96.         <td>
    97.             <img src="Bilder/spacer.gif" width="117" height="1" alt=""></td>
    98.         <td>
    99.             <img src="Bilder/spacer.gif" width="15" height="1" alt=""></td>
    100.         <td>
    101.             <img src="Bilder/spacer.gif" width="151" height="1" alt=""></td>
    102.         <td>
    103.             <img src="Bilder/spacer.gif" width="11" height="1" alt=""></td>
    104.         <td>
    105.             <img src="Bilder/spacer.gif" width="103" height="1" alt=""></td>
    106.     </tr>
    107. <!-- End ImageReady Slices -->
    108. </body>
    109. </html>
    über eine helfende Hand wäre ihc sehr sehr dankbar

    mfg

    mathias
     
    Zuletzt bearbeitet: 26.08.2008
    #1      
  2. Maulwurf16

    Maulwurf16 bin nicht sechszehn :-)

    Dabei seit:
    17.05.2005
    Beiträge:
    73
    Geschlecht:
    männlich
    Drop-Down Menü erstellen
    #2      
  3. eFoX

    eFoX Reiche Zahnarztgattin

    Dabei seit:
    18.04.2004
    Beiträge:
    620
    Geschlecht:
    männlich
    Ort:
    Stuttgart
    Software:
    CS4 Suite
    Kameratyp:
    EOS 450D + 70-200:4L + 28-75:2.8
    Drop-Down Menü erstellen
    AW: Drop-Down Menü erstellen

    unter dropdown verstehe ich eine auswahlmöglichkeit aus z.b. einem formularfeld. was möchtest du haben? ein dropdownmenü, dass relativ bekannt ist: http://www.milonic.com/
     
    Zuletzt bearbeitet: 26.08.2008
    #3      
  4. Duststorm

    Duststorm Webdesigner oder so...

    Dabei seit:
    08.01.2008
    Beiträge:
    585
    Geschlecht:
    männlich
    Ort:
    Nähe von Freiburg
    Kameratyp:
    Keine Kamera
    Drop-Down Menü erstellen
    AW: Drop-Down Menü erstellen

    ich kann dir beim drop down nicht helfen.
    aber ein kleiner tipp:
    bei deiner hp, würde ich das logo (bzw. die gesamte Seite) weiter hoch stellen. Sont muss mn scrollen um ans menü zu kommen.
     
    #4      
  5. mather

    mather Noch nicht viel geschrieben

    Dabei seit:
    21.07.2007
    Beiträge:
    35
    Geschlecht:
    männlich
    Drop-Down Menü erstellen
    AW: Drop-Down Menü erstellen

    wollte das drop down ja so seitwerts machen, aber bräcuhte das erstmal:p
     
    #5      
  6. baronblk

    baronblk Gesperrt

    Dabei seit:
    01.09.2008
    Beiträge:
    11
    Geschlecht:
    männlich
    Drop-Down Menü erstellen
    AW: Drop-Down Menü erstellen

    könnte man doch mit spry in dw realisieren
     
    #6      
x
×
×
teststefan