Anzeige

Tabellen definieren mit HTML

Tabellen definieren mit HTML | PSD-Tutorials.de

Erstellt von dreamer81, 11.03.2005.

  1. dreamer81

    dreamer81 Aktives Mitglied

    Dabei seit:
    04.03.2005
    Beiträge:
    286
    Geschlecht:
    männlich
    Ort:
    Brisbane/Australien
    Kameratyp:
    Canon 5D MKII
    Tabellen definieren mit HTML
    Hallo Leute,

    das Problem mit dem Rollovereffekt hab ich ganz einfach lösen können. Danke für die guten Tipps.

    Noch etwas anderes, ich arbeite ja mit Tabellen um meiner Page eine saubere Aufteilung zu spendieren. Für diese Tabelle hab ich einen Rand zwischen Tabellenrand und Inhalt definiert. Kann ich nun für ein spezielles Tabellenfeld diesen Rand einzeln definieren? Möchte bei einem einzelnen Feld den Rand Abstand auf nukk setzen.

    Danke schomal im voraus.
     
    #1      
  2. webdesign

    webdesign Aktives Mitglied

    Dabei seit:
    06.03.2005
    Beiträge:
    1.474
    Geschlecht:
    männlich
    Ort:
    DE
    Kameratyp:
    Nikon D70
    Tabellen definieren mit HTML
    Re:

    Hallo,

    wie sieht Deine Tabelle aus, wie unser Beispiel?

    <table width="100%" border="0" cellspacing="2" cellpadding="2" align="center">
    <tr>
    <td align="left" valign="middle">
    <div align="center">MITTE</div>
    </td>
    <td>&</td>
    <td>&</td>
    </tr>
    <tr>
    <td>&</td>
    <td>&</td>
    <td>&</td>
    </tr>
    <tr>
    <td>&</td>
    <td>&</td>
    <td>&</td>
    </tr>
    </table>

    MfG webdesign :D
     
    #2      
  3. maik

    maik Nicht mehr ganz neu hier

    Dabei seit:
    08.02.2005
    Beiträge:
    158
    Geschlecht:
    männlich
    Ort:
    IZ im Norden
    Kameratyp:
    Samsung Digimax D 530
    Tabellen definieren mit HTML
    soweit ich das wiß ist es nur mit css lösbar, da du der Tabelle ja schon von vornerein gesagt hast sie soll abstände haben.
     
    #3      
  4. webdesign

    webdesign Aktives Mitglied

    Dabei seit:
    06.03.2005
    Beiträge:
    1.474
    Geschlecht:
    männlich
    Ort:
    DE
    Kameratyp:
    Nikon D70
    Tabellen definieren mit HTML
    @maik

    stimmt da musst unter css dann mit tdborder etc. arbeiten um die einzelnen Abstände zu definieren.
    :wink:
     
    #4      
  5. dreamer81

    dreamer81 Aktives Mitglied

    Dabei seit:
    04.03.2005
    Beiträge:
    286
    Geschlecht:
    männlich
    Ort:
    Brisbane/Australien
    Kameratyp:
    Canon 5D MKII
    Tabellen definieren mit HTML
    <table width="700" border="2" cellspacing="0" cellpadding="30">
    <tr>
    <td width="160" height="518" bgcolor="#D8D8D8">

    <table>
    <tr>
    <td>Work in Progress</td>
    </tr>
    <tr>
    <td>&</td>
    </tr>
    <tr>
    <td>&</td>
    </tr>
    <tr>
    <td>&</td>
    </tr>
    </table>
    </td>
    <td width="540" bgcolor="#D8D8D8" align="center>&</td>
    </tr>
    </table>


    So schaut meine Tabelle aus. Hoffe ist nicht zu unübersichtlich...zu CSS, arbeite mit einem Stylesheet für den Text. Dann sollte das ja kein Problem sein auf die Tabelle anzuwenden. Die Tags <tr> muss ich glaub nochüberarbeiten.
     
    #5      
  6. webdesign

    webdesign Aktives Mitglied

    Dabei seit:
    06.03.2005
    Beiträge:
    1.474
    Geschlecht:
    männlich
    Ort:
    DE
    Kameratyp:
    Nikon D70
    Tabellen definieren mit HTML
    Schaue mir das nachher mal an und gebDir Antwort :wink:
     
    #6      
  7. maik

    maik Nicht mehr ganz neu hier

    Dabei seit:
    08.02.2005
    Beiträge:
    158
    Geschlecht:
    männlich
    Ort:
    IZ im Norden
    Kameratyp:
    Samsung Digimax D 530
    Tabellen definieren mit HTML
    hier ersteinmal die korrigierte Tabelle, waren einige Fehler drin:

    Code (Text):
    1. <table width="700" border="2" cellspacing="0" cellpadding="30">
    2. <tr>
    3. <td width="160" height="518" bgcolor="#D8D8D8">
    4. <table>
    5. <tr>
    6. <td>Work in Progress</td>
    7. </tr>
    8. <tr>
    9. <td>&</td>
    10. </tr>
    11. <tr>
    12. <td>&</td>
    13. </tr>
    14. <tr>
    15. <td>&</td>
    16. </tr>
    17. </table>
    18. </td>
    19. </tr>
    20. <tr>
    21. <td width="540" bgcolor="#D8D8D8" align="center">&</td>
    22. </tr>
    23. </table>
    und welche Zelle soll nun einen anderen Rahmen haben ???
     
    #7      
  8. dreamer81

    dreamer81 Aktives Mitglied

    Dabei seit:
    04.03.2005
    Beiträge:
    286
    Geschlecht:
    männlich
    Ort:
    Brisbane/Australien
    Kameratyp:
    Canon 5D MKII
    Tabellen definieren mit HTML
    Ohh, sorry hab ich vergessen anzugeben...die Zelle mit "Work in Progress" sollte gleich breit sein die die Hauptzelle in der sie sich befindet, also 160px.
     
    #8      
  9. maik

    maik Nicht mehr ganz neu hier

    Dabei seit:
    08.02.2005
    Beiträge:
    158
    Geschlecht:
    männlich
    Ort:
    IZ im Norden
    Kameratyp:
    Samsung Digimax D 530
    Tabellen definieren mit HTML
    versuch es mal so, vielleicht ist es schon das was du meinst:

    Code (Text):
    1. <style type="text/css">
    2. <!--
    3. .tabelle {
    4.     border: none;
    5.     vertical-align:top;
    6.     padding-top:0;
    7.     padding-left:0;
    8. }
    9. -->
    10. </style>
    11. </head>
    12.  
    13. <body>
    14. <table width="700" border="2" cellspacing="0" cellpadding="30">
    15. <tr>
    16. <td width="160" height="518" bgcolor="#D8D8D8">
    17. <table class="tabelle">
    18. <tr>
    19. <td valign="top" width="160">Work in Progress</td>
    20. </tr>
    21. <tr>
    22. <td>&</td>
    23. </tr>
    24. <tr>
    25. <td>&</td>
    26. </tr>
    27. <tr>
    28. <td>&</td>
    29. </tr>
    30. </table>
    31. </td>
    32. </tr>
    33. <tr>
    34. <td width="540" bgcolor="#D8D8D8" align="center">&</td>
    35. </tr>
    36. </table>
     
    #9      
  10. dreamer81

    dreamer81 Aktives Mitglied

    Dabei seit:
    04.03.2005
    Beiträge:
    286
    Geschlecht:
    männlich
    Ort:
    Brisbane/Australien
    Kameratyp:
    Canon 5D MKII
    Tabellen definieren mit HTML
    Hey super! Hat funktioniert mit CSS. Hab die ganzen Tabellenzellen nun so definieren können wie mir das passt.

    Danke euch für eure Hilfe.
     
    #10      
  11. mikail

    mikail Guest

    Tabellen definieren mit HTML
    #11      
x
×
×