Html Problem

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Atze Fikka, 12. Dezember 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 12. Dezember 2006
    Also ich schreibe bald eine Arbeit über Tabellenerstellung in Html und hab da echt keine durchblick!:angry:
    Kann mir da jemand helfen und vielleicht ne Seite posten mit nem bilder beispiel??? das wäre der Hammer! danke leute!:tongue:
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 12. Dezember 2006
  4. #3 12. Dezember 2006
    AW: Html Problem!?!?!?!

    Ganz kurz:
    Tabellen bestehen vereinfacht gesagt aus drei großen „Klammern“. Jede Klammer wird durch einen Tag geöffnet und durch einen weiteren wieder geschlossen. Man kann sich den Aufbau einer Tabelle also folgenderma゚en vorstellen:
    Code:
    
    { hier fängt die Tabelle an
     [ dies ist die 1. Zeile
     ( ) dies ist die 1. Spalte
     ( ) dies ist die 2. Spalte
     ] hier endet die 1. Zeile
     [ dies ist die 2. Zeile
     ( ) dies ist die 1. Spalte
     ( ) dies ist die 2. Spalte
     ] hier endet die 2. Zeile
    } hier endet die Tabelle
    
    Im Quelltext sieht das dann so aus:
    Code:
    <table width=“80%“ border=“1“>
     <tr>
     <td> 1. Zeile, 1. Spalte </td>
     <td> 1. Zeile, 2. Spalte </td>
     </tr>
     <tr>
     <td> 2. Zeile, 1. Spalte </td>
     <td> 2. Zeile, 2. Spalte </td>
     </tr>
    </table>
    Das Tag <table> kann durch mehrere Attribute erweitert werden. Möglich sind z.B.:
    width=“80%“ (Breite der Tabelle in Prozent der Bildschirmbreite)
    height=“50%“ (Höhe der Tabelle in Prozent der Bildschirmhöhe)
    border=“0“ (Breite des oberen Rahmens – Werte von 0-7 möglich, 0 = kein Rahmen)
    align=“center“ (Ausrichtung der Tabelle auf der Seite -> „left“, „center“ oder „right“)
     
  5. #4 12. Dezember 2006
    AW: Html Problem!?!?!?!

    ~moved~

    Mfg,

    Kolazomai
     
  6. #5 12. Dezember 2006
    AW: Html Problem!?!?!?!

    Vielen Dank , könnt aber noch mehr posten wenn ihr wollt!:D!
     
  7. #6 12. Dezember 2006
    AW: Html Problem!?!?!?!

    da gibts net mehr zu sagen^^
    das was chkdk gepostet hat ist so das was man erstmal wissen/verstehen muss.
    dann gibts halt noch befehle, in der du die tabellendicke etc einstellen kannst.

    schonmal bei
    SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)
    vorbeigeschaut?
     
  8. #7 12. Dezember 2006
  9. #8 12. Dezember 2006
    AW: Html Problem!?!?!?!

    Tabelle ohne CSS:
    HTML:
    <table cellspacing="*" align="***" width="*" height="*" background="*****" cellpadding="*" border="*" bgcolor="**" bordercolor="**" bordercolorlight="**" bordercolordark="**">
     <tr>
     <th colspan="2" height="*" background="*****" bgcolor="**">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
     </tr>
     <tr>
     <td colspan="2" align="***" height="*" background="*****" bgcolor="**">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
     </tr>
     <tr>
     <td align="***" height="*" valign="****" background="*****" bgcolor="**">Spalte 1</td>
     <td align="***" height="*" valign="****" background="*****" bgcolor="**">Spalte 2</td>
     </tr>
    </table>
    
    *= Werte von 1-X
    **= Farbcodes (z.B.: #000000 = Sc hwarz)
    ***= right, left, center;
    ****= top, middle (norm), bottom;
    *****= Hintergrundbild nicht Farbe (background="images/bg.gif")

    Tabelle mit CSS intern:
    HTML:
    <table cellspacing="*" cellpadding="*" style="border: *px ***; text-align: ***; background: **;">
     <tr>
     <th colspan="2" height="*" style="border: *px ***; text-align: ***; background: **;">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
     </tr>
     <tr>
     <td colspan="2" style="border: *px ***; text-align: ***; background: ***;">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
     </tr>
     <tr>
     <td valign="****" style="border: *px ***; text-align: ***; background: **;">Spalte 1</td>
     <td valign="****" style="border: *px ***; text-align: ***; background: **;">Spalte 2</td>
     </tr>
    </table>
    
    *= Werte von 1-X
    **= Farbcodes (z.B.: #000000 = Schwarz) - Bei Hintergrundbild: background-image: url(images/bg.gif);
    ***= right, left, center;

    Tabelle mit CSS extern:
    HTML:
    <table cellspacing="*" cellpadding="*" class="tabelle">
     <tr>
     <th colspan="2" height="*" class="ueberschrift">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
     </tr>
     <tr>
     <td colspan="2" class="spalte">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
     </tr>
     <tr>
     <td valign="****" class="spalte">Spalte 1</td>
     <td valign="****" class="spalte">Spalte 2</td>
     </tr>
    </table>
    
    Dazu dann eine CSS anlegen (z.B.:)
    .tabelle {formatierung;}
    .ueberschrift {formatierung;}
    .spalte {formatierung}

    oder einfacher:
    HTML:
    <table cellspacing="*" cellpadding="*" class="tabelle">
     <tr>
     <th colspan="2" height="*">Überschriften Spalte, hier ist der Text Automatisch Fett und Zentriert</th>
     </tr>
     <tr>
     <td colspan="2">Zwei Zeilen Übergreifende Spalte durch die [colspan="*"] Angabe</td>
     </tr>
     <tr>
     <td valign="****">Spalte 1</td>
     <td valign="****">Spalte 2</td>
     </tr>
    </table>
    
    Auch hierfür eine CSS anlegen:
    .tablelle table, tr{formatierung;}
    .tabelle th {formatierung;}
    .tabelle td {formatierung;}
    _________________________

    Das ist so das einfachste was man wissen sollte!
     

  10. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Html Problem
  1. Antworten:
    4
    Aufrufe:
    1.329
  2. Antworten:
    5
    Aufrufe:
    441
  3. [HTML] Google Maps Api - Problem

    pYr0 , 30. Januar 2011 , im Forum: Webdesign
    Antworten:
    1
    Aufrufe:
    611
  4. [HTML] Probleme mit favicon

    Hannez84 , 11. Januar 2011 , im Forum: Webdesign
    Antworten:
    18
    Aufrufe:
    573
  5. [HTML] Problem mit Header!

    Mende , 6. August 2010 , im Forum: Webdesign
    Antworten:
    3
    Aufrufe:
    627
  • Annonce

  • Annonce