Juniors WorkstationLidos BerlinComputer PassDies und Das
Nutzungsbedingungen    Datenschutz    Impressum       Kontakt        Registrieren       <== zurück zur Startseite    
 
  Lernen durch Lehren
 
  LDL - Wissenswertes
  LDL - Hardwaretests
  LDL - Softwaretests
  LDL - Tipps & Tricks
  LDL - Workshops
 


  Profan² Einsteiger FAQ 7.5
 
  Profan² Einsteiger FAQ 7.5
  Profan² an die Schulen
  Profan² Script - FAQ
  Profan² Erweiterungen
  Profan² Helferlein
  Profan² Quellcode
 


  HTML Einsteiger FAQ 4.07
 
  HTML Einsteiger FAQ 4.07
  HTML indirekte Fragen
  kleine JavaScript FAQ
 


250 MB mit PHP / MySQL
 
Sie suchen noch Webspace, der kosten- und werbefrei ist, PHP (5.x) und MySQL (3.x) unter- stützt ...

Sie haben Fragen und benötigen Antworten
 
Das verstehen wir - und genau aus diesem Grund haben wir versucht, auf Ihre (am häu- figsten) gestellten Fragen zu antworten.
 
Lern- und Lehrbereich: Juniors Workstation
 
   einen Beitrag auswählenzum Anfang eine Seite zurück  eine Seite vor zum Ende     
   Bereich Kennung Zuordnung Klick Titel 
20  Workstation FAQ HTML HTML-FAQ123263  Was zunächst gesagt werden muß ... HTML-FAQ - Was zunächst gesagt werden muß ...
21  Workstation FAQ HTML HTML-Frage70870  Wie entstand das ApraNet, das Internet? HTML-Frage - Wie entstand das ApraNet, das Internet?
22  Workstation FAQ HTML HTML-Frage52333  Was ist das TCP/IP? HTML-Frage - Was ist das TCP/IP?
26  Workstation FAQ HTML HTML-Frage52439  Was ist eine IP Adresse? HTML-Frage - Was ist eine IP Adresse?
27  Workstation FAQ HTML HTML-Frage53866  Was ist DNS (Domain-Name-Service)? HTML-Frage - Was ist DNS (Domain-Name-Service)?
28  Workstation FAQ HTML HTML-Frage52627  Wie funktioniert das Internet? HTML-Frage - Wie funktioniert das Internet?
29  Workstation FAQ HTML HTML-Frage48590  Was ist E-Mail? HTML-Frage - Was ist E-Mail?
30  Workstation FAQ HTML HTML-Frage55520  Was ist FTP? HTML-Frage - Was ist FTP?
31  Workstation FAQ HTML HTML-Frage52053  Was sind NewsGroups? HTML-Frage - Was sind NewsGroups?
32  Workstation FAQ HTML HTML-Frage55298  Was ist WorldWideWeb? Was ist TeleNet? HTML-Frage - Was ist WorldWideWeb? Was ist TeleNet?

102 registrierte Beiträge gefunden; davon werden aktuell 10 angezeigt. 

 
   Tricks zum Umgang mit Tabellen

Eine Tabelle besteht aus Tabellenzeilen, die wiederum aus einzelnen Tabellenspalten bestehen. Das Interessante daran ist, daß eine Spalte auch wieder eine Tabelle enthalten kann. Viele optisch gut gestaltete HTML-Seiten beruhen auf dieser Grundlage.

In dem nachfolgenden "Trickbeispiel" geht es darum, einige Bilder (es könnten auch Texte sein) möglichst gut auf der Ansichtsseite zu verteilen. In HTML ist nun aber eine exakte Positionierung von Bildern (Text) nicht ohne kleine Tricks möglich. - und ein solcher Trick besteht eben in einer Tabelle:

Man stopft die Bilder in die einzelnen Zellen einer Tabelle und macht alle Linien unsichtbar!

Ein weiterer Trick besteht darin, ein sogenanntes "einpixel.gif" als "Abstandhalter" zu verwenden. Das "einpixel.gif" ("1pix.gif") ist ein Bild, welches genau ein Pixel breit, ein Pixel hoch und zusätzlich transparent ist. Je nach Bedarf kann dieses Bild nun an jeder Stelle der HTML-Seite mit den Attributen "width" und "height" auf jede beliebige Größe gebracht werden.

   <TABLE BORDER=1>
<TR><TD ALIGN=MIDDLE>
<IMG SRC="470.gif" WIDTH=400 HEIGHT=100></TD></TR>
<TR><TD>
<TABLE BORDER=1><TR>
<TD WIDTH=60 ALIGN=MIDDLE>
<IMG SRC="471.gif" WIDTH=50 HEIGHT=30><BR>
<IMG SRC="470.gif" WIDTH=50 HEIGHT=30><P>
<IMG SRC="471.gif" WIDTH=50 HEIGHT=30><BR>
<IMG SRC="470.gif" WIDTH=50 HEIGHT=30><BR>
<IMG SRC="471.gif" WIDTH=50 HEIGHT=30><BR>
<IMG SRC="470.gif" WIDTH=50 HEIGHT=30><BR>
</TD>
<TD>
<TABLE BORDER=1 WIDTH=400><TR><TD ALIGN=CENTER>
<IMG SRC="471.gif" WIDTH=60 HEIGHT=80 ALIGN=TOP>
<IMG SRC="1pix.gif" WIDTH=20 HEIGHT=1 ALIGN=TOP>
<IMG SRC="470.gif" WIDTH=200 HEIGHT=40 ALIGN=TOP>
<IMG SRC="1pix.gif" WIDTH=20 HEIGHT=1 ALIGN=TOP>
<IMG SRC="471.gif" WIDTH=60 HEIGHT=80 ALIGN=TOP>
</TD></TR></TABLE>
<TABLE BORDER=1 WIDTH=400><TR><TD ALIGN=CENTER>
<IMG SRC="471.gif" WIDTH=80 HEIGHT=80 ALIGN=TOP>
<IMG SRC="1pix.gif" WIDTH=20 HEIGHT=1 ALIGN=TOP>
<IMG SRC="471.gif" WIDTH=80 HEIGHT=80 ALIGN=TOP>
<IMG SRC="1pix.gif" WIDTH=20 HEIGHT=1 ALIGN=TOP>
<IMG SRC="471.gif" WIDTH=80 HEIGHT=80 ALIGN=TOP>
<IMG SRC="1pix.gif" WIDTH=20 HEIGHT=1 ALIGN=TOP>
<IMG SRC="471.gif" WIDTH=80 HEIGHT=80 ALIGN=TOP>
</TD></TR></TABLE>
</TD>
</TR></TABLE>
</TD></TR>
</TABLE>








Hinweis:
Der eigentliche Trick dieses Beispiels besteht darin, daß es selbst in weiteren Tabellen dargestellt ist. (Alle sichtbaren Linien dienen nur der besseren Orientierung.)

©2012 Lidos Berlin - alle Rechte vorbehalten.