Anzeige

Auseinanderreissen der Navigationselemente

Auseinanderreissen der Navigationselemente | PSD-Tutorials.de

Erstellt von asdfasdf12, 24.02.2007.

  1. asdfasdf12

    asdfasdf12 Guest

    Auseinanderreissen der Navigationselemente
    Hallo

    bin da eher im gestalterischen Bereich stark, und meine HTML-Kenntnisse sind nicht überragend...
    jetzt habe ich mit Photoshop (zum ersten Mal für mich) eine Webseite kreiert. Das Problem ist nun, dass auf der linken Seite die Navigationselemente (habe ich mit imageReady auseinander geschnitten) auseinander gezogen werden und es lücken gibt, sobald ich ein etwas längerer Text eingebe.
    [Rechts konnte ich es einfach beheben, in dem ich einfach beim Bild "height="100%" eingegeben habe. funktioniert links nicht, da sonst die schrift auseinander gezogen wird, bzw das oberste Element alle anderen überdeckt]
    Webseite: Autohilfe Einsiedeln + 055 412 48 58

    Code:
    Code (Text):
    1. <html>
    2. <head>
    3. <title>Autohilfe Einsiedeln + 055 412 48 58</title>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    5. </head>
    6. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    7. <!-- ImageReady Slices (Autohilfe.psd) -->
    8. <table id="Table_01" width="950" height="778" border="0" cellpadding="0" cellspacing="0">
    9.     <tr>
    10.         <td colspan="4">
    11.             <img src="images/index_01.jpg" width="950" height="1" alt=""></td>
    12.     </tr>
    13.     <tr>
    14.         <td>
    15.             <img src="images/index_02.jpg" width="2" height="165" alt=""></td>
    16.         <td colspan="3" valign="top">
    17.             <a href="www.autohilfe-einsiedeln.ch"
    18.                 onmouseover="window.status='Zurück zur Startseite';  return true;"
    19.                 onmouseout="window.status='';  return true;">
    20.                 <img src="images/top.jpg" width="948" height="165" border="0" alt=""></a></td>
    21.     </tr>
    22.     <tr>
    23.         <td colspan="2">
    24.  
    25.             <img src="images/Telefonnummer.jpg" width="277" height="80" alt=""></td>
    26.         <td width="652" height="575" rowspan="14"><p>asdfsdf</p>
    27.         <p>asdf</p>
    28.         <p>asdf</p>
    29.         <p>asdfasdf</p>
    30.         <p>asd</p>
    31.         <p>fa</p>
    32.         <p>sfd</p>
    33.         <p>asdf</p>
    34.         <p>as</p>
    35.         <p>fd</p>
    36.         <p>asd</p>
    37.         <p>fa</p>
    38.         <p>sfd</p>
    39.         <p>asdfa</p>
    40.         <p>df</p>
    41.         <p>asdfa</p>
    42.         <p>sfda</p>
    43.         <p>sdf</p>
    44.         <p>a</p>
    45.         <p>asdf</p></td>
    46.         <td rowspan="14">
    47.             <img src="images/Rahmenrechts.jpg" width="21" height="100%" alt=""></td>
    48.     </tr>
    49.     <tr>
    50.         <td colspan="2">
    51.             <img src="images/Dienstleistungen.jpg" width="277" height="30" alt=""></td>
    52.  
    53.     </tr>
    54.     <tr>
    55.         <td colspan="2">
    56.             <img src="images/Abschlepp.jpg" width="277" height="29" alt=""></td>
    57.     </tr>
    58.     <tr>
    59.         <td colspan="2">
    60.             <img src="images/Occasionen.jpg" width="277" height="30" alt=""></td>
    61.     </tr>
    62.  
    63.     <tr>
    64.         <td colspan="2">
    65.             <img src="images/Einsatzfahrzeuge.jpg" width="277" height="30" alt=""></td>
    66.     </tr>
    67.     <tr>
    68.         <td colspan="2">
    69.             <img src="images/Spezialauftraege.jpg" width="277" height="31" alt=""></td>
    70.     </tr>
    71.     <tr>
    72.  
    73.         <td colspan="2">
    74.             <img src="images/Partner.jpg" width="277" height="30" alt=""></td>
    75.     </tr>
    76.     <tr>
    77.         <td colspan="2">
    78.             <img src="images/Unfallfotos.jpg" width="277" height="30" alt=""></td>
    79.     </tr>
    80.     <tr>
    81.         <td colspan="2">
    82.  
    83.             <img src="images/Waschanlage.jpg" width="277" height="30" alt=""></td>
    84.     </tr>
    85.     <tr>
    86.         <td colspan="2">
    87.             <img src="images/Lageplan.jpg" width="277" height="31" alt=""></td>
    88.     </tr>
    89.     <tr>
    90.         <td colspan="2">
    91.             <img src="images/Navi_leer.jpg" width="277" height="15" alt=""></td>
    92.  
    93.     </tr>
    94.     <tr>
    95.         <td colspan="2">
    96.             <img src="images/Bootswerft.jpg" width="277" height="33" alt=""></td>
    97.     </tr>
    98.     <tr>
    99.         <td colspan="2">
    100.             <img src="images/Groesse_veraenderbar.jpg" width="277" height="36" alt=""></td>
    101.     </tr>
    102.  
    103.     <tr>
    104.         <td colspan="2">
    105.             <img src="images/Logo.jpg" width="277" height="140" alt=""></td>
    106.     </tr>
    107.     <tr>
    108.         <td colspan="4">
    109.             <img src="images/Leisteunten.jpg" width="950" height="36" alt=""></td>
    110.     </tr>
    111.     <tr>
    112.         <td>
    113.             <img src="images/spacer.gif" width="2" height="1" alt=""></td>
    114.         <td>
    115.             <img src="images/spacer.gif" width="275" height="1" alt=""></td>
    116.         <td>
    117.             <img src="images/spacer.gif" width="652" height="1" alt=""></td>
    118.         <td>
    119.             <img src="images/spacer.gif" width="21" height="1" alt=""></td>
    120.     </tr>
    121.  
    122. </table>
    123. </body>
    124. </html>
    wie behebe ich dieses Problem?
     
    #1      
  2. Zidizei

    Zidizei Nicht mehr ganz neu hier

    Dabei seit:
    03.03.2005
    Beiträge:
    122
    Geschlecht:
    männlich
    Software:
    Adobe Fotogeschäft
    Kameratyp:
    Nikon D80 (Digital SLR)
    Auseinanderreissen der Navigationselemente
    AW: Auseinanderreissen der Navigationselemente

    Abend,
    hm, also wenn ich ehrlich bin würd ich net den Code von ImageReady nehmen, weil der eben solche Probleme bereitet.
    Wenn du die Tabellen so gestalten willst, dass sie sich eben austrecken würde ich ganz auf ImageReady-Code verzichten. Ich persönlich mag den Code net so, z.B. die ganzen spacer.. o_O

    Joah, und was das Problem bei dir da oben ist... Ich sag jetzt einfach mal alles, weil ImageReady den Code eben nicht so flexibel aufbaut sonder einfach so, dass alles zusammenpasst ^^
     
    #2      
  3. asdfasdf12

    asdfasdf12 Guest

    Auseinanderreissen der Navigationselemente
    AW: Auseinanderreissen der Navigationselemente

    vielen dank
    aber wie würdest du es machen? (auf dem Firefox funktioniert die Lösung, nicht aber auf dem Internet Explorer :-( )
     
    Zuletzt von einem Moderator bearbeitet: 25.02.2007
    #3      
  4. Zidizei

    Zidizei Nicht mehr ganz neu hier

    Dabei seit:
    03.03.2005
    Beiträge:
    122
    Geschlecht:
    männlich
    Software:
    Adobe Fotogeschäft
    Kameratyp:
    Nikon D80 (Digital SLR)
    Auseinanderreissen der Navigationselemente
    AW: Auseinanderreissen der Navigationselemente

    da dein Design im Grunde zweispaltig ist, würde ich einfach 2 Spalten draus machen und den Header auseinanderschneiden.
    Sollte dann einfach gehen, wenn sich alles austreckt und ganz oben ausgerichtet ist...
    hoffe du verstehst was ich meine ^^
     
    #4      
Seobility SEO Tool
x
×
×