Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Unterschiedliche Darstellung aufeinanderfolgeneder Tabellen verhindern?

Frage Entwicklung HTML

Mitglied: diwaffm

diwaffm (Level 2) - Jetzt verbinden

22.03.2010 um 18:06 Uhr, 3138 Aufrufe, 2 Kommentare

Hi Leute,

ich möchte in einer Personenauflistung zum Titel, dem Namen und der Adresse einer Person auch ein Bild darstellen.
Dies habe ich im Moment per Tabelle gelöst:

01.
						<table align='left' width='350' height='250'> 
02.
							<tr> 
03.
								<th colspan=2><b>Person 2</b></th> 
04.
							</tr> 
05.
							<tr> 
06.
								<td valign='top' width='170'><img src='dummy.jpg'><br><br></td> 
07.
								<td valign='top'><P> 
08.
									<br><b>Vorname Name</b> 
09.
 
10.
									<FONT SIZE=-1><br>Stra&szlig;e Hausnummer 
11.
									<br>PLZ Ort 
12.
									<br>Telefonnummer 
13.
									<br>Faxnummer 
14.
									<br>E-Mail 
15.
									</P> 
16.
								</td> 
17.
							</tr> 
18.
						</table> 
19.
						
Die einzelnen Einträge sollen solange sie in der Breite passen nebeneinander dargestellt werden - und wenn das Ende des Fensters erreicht ist in die nächste Zeile umgebrochen werden. Also so, als wären die einzelnen Tabellen Worte in einem Fließtext.

In Firefox funktioniert das auch so, wie ich mir das vorstelle - leider aber weder im IE 6 noch im IE 7. Dort wird alles in eine Zeile geschrieben...
http://www.lgef.de/tabellentest.asp

Erst hatte ich die Stylesheets zur restlichen Gestalltung der Seite in Verdacht - aber auch gänzlich ohne CSS verhalten sich die 2 IE Versionen wie geschildert

Gibt es einen Weg, das zu verhindern?
Ich habe es mit einem Umbruch <br> nach der 2. Tabelle probiert, um so zumindest eine Tabelle mit 2 Spalten zu bekommen - aber das hat im IE nur bewirkt, dass die nächste Peron eine Zeile niedrieger angezeigt wurde, nicht aber unter der ersten...

Auch eine Version mit Stylesheet habe ich schon probiert - allerdings habe ich damit NUR eine einspaltige Darstellung mit allen Personen untereinandern hinbekommen. Weder eine feste (z.B. 2) oder eine flexible Anzahl Einträge in einer Zeile...

Ciao

dirk
Mitglied: Arano
23.03.2010 um 00:23 Uhr
Hallo Dirk

Eine Tabelle ist kein Design Element !
Ich würde es ganz anders machen, mit einer Definitionsliste (<dl>), etwa so:
01.
<dl style="float:left; width:300px; height:220px;"> 
02.
  <dt> 
03.
    Vorname, Nachname 
04.
  </dt> 
05.
  <dd> 
06.
    <img style="float:left; width:170px; height:200px"> 
07.
    Str<br> 
08.
    Ort<br> 
09.
    Tele<br> 
10.
    Fax<br> 
11.
    E-Mail<br> 
12.
  </dd> 
13.
</dl>
So ungefähr könnte das dann aussehen.
Durch die floats wird das entsprechende Element von dem nachfolgendem umflossen - etwa wie die Bilder in der Zeitung - Bild links, Text rechts daneben und dann unten drunter. Folgen nach dem fliessendem Element weitere fliessende Elemente, so Reichen diese sich auf bis sie nicht mehr in die Reiche passen und brechen dann automatisch um - so wie von dir gewünscht.
Schau dir dazu auch auch clear an.

~Arano
Bitte warten ..
Mitglied: diwaffm
23.03.2010 um 07:59 Uhr
OK, danke.

Das ist zumindest mal ein Anfang
http://www.lgef.de/dltest.asp


Das Feintuning sollte ich alleine schaffen...
...hoffentlich

Merci

Dirk
Bitte warten ..
Ähnliche Inhalte
Batch & Shell
Unterschiedliche Darstellung von stdout in Powershell und Batch
Frage von mqlmannBatch & Shell3 Kommentare

Hallo, mit Powershell3 rufe ich ein Kommandozeilentool auf, dass mir auf stdout eine Fortschritts-Info in Prozenten gibt. Das Problem ...

Microsoft Office
EXCEL : Unterschiedliche Daten in einer Excel-Tabelle (Version 2003)
gelöst Frage von teppich1Microsoft Office4 Kommentare

Ein wunderschönen guten Tag zusammen, ich liebe Rätsel, doch dieses macht mich ein klein wenig fertig Folgende Sachlage: In ...

Microsoft Office
Excel 2013 - formatierte Tabelle mit unterschiedlichen "Spaltenfarben"
Frage von devil7974Microsoft Office2 Kommentare

Hallo zusammen, ist es möglich, dass bestimmte Spalten in einer formatierten Tabelle unterschiedliche Farben haben. z.B.: Ich habe eine ...

Microsoft
Reports - Grafische Darstellung
gelöst Frage von TlBERlUSMicrosoft6 Kommentare

Hallo Zusammen, ich habe mir via Powershell eine CSV-Datei erstellt, die aus unseren Reports den Gesamtbedarf an Speicherplatz unserer ...

Neue Wissensbeiträge
Batch & Shell

Open Object Rexx: Eine mittlerweile fast vergessene Skriptsprache aus dem Mainframebereich

Information von Penny.Cilin vor 21 StundenBatch & Shell9 Kommentare

Ich kann mich noch sehr gut an diese Skriptsprache erinnern und nutze diese auch heute ab und an noch. ...

Humor (lol)

"gimme gimme gimme": Automatischer Test stolpert über Easter Egg im man-Tool

Information von Penny.Cilin vor 23 StundenHumor (lol)6 Kommentare

Interessant, was man so alles als Easter Egg implementiert. Ist schon wieder Ostern? "gimme gimme gimme": Automatischer Test stolpert ...

MikroTik RouterOS

Mikrotik - Lets Encrypt Zertifikate mit MetaROUTER Instanz auf dem Router erzeugen

Anleitung von colinardo vor 1 TagMikroTik RouterOS8 Kommentare

Einleitung Folgende Anleitung ist aus der Lage heraus entstanden das ein Kunde auf seinem Mikrotik sein Hotspot Captive Portal ...

Sicherheit

Sicherheitslücke in HP-Druckern - Firmware-Updates stehen bereit

Information von BassFishFox vor 1 TagSicherheit1 Kommentar

Ein weiterer Grund, dass Drucker keinerlei Verbindung nach "auswaerts" haben sollen. Unter Verwendung spezieller Malware können Angreifer aus der ...

Heiß diskutierte Inhalte
Windows 10
Bitlocker nach Verschlüsselung nicht mehr aufrufbar!
gelöst Frage von alexlazaWindows 1013 Kommentare

Hallo, ich besitze ein HP ZBook 17 G4 mit einem Windows 10 Pro Betriebssystem. Bei diesem Problem handelt sich, ...

Off Topic
Fachkräftemangel in Deutschland? - Talentschmiede schreibt alle 2 Tage die gleichen Stellen aus
Frage von Penny.CilinOff Topic12 Kommentare

Hallo, haben wir in Deutschland Fachkräftemangel? Die Talentschmiede schreibt gefühlt alle zwei Tage dieselben Stellen aus. Und das schon ...

Windows Server
Sichere Remote Desktop Verbindung wie?
gelöst Frage von nuss33Windows Server11 Kommentare

Hallo zusammen, eins vorweg: Ich besitze einen privaten Windows Server 2008 R2 zu Hause im Netzwerk er wird nicht ...

Windows 10
Windows 10 GPO Powershell Skript Registry bearbeiten
Frage von potshockWindows 1010 Kommentare

Hi Admins, Gegeben ist ein Windows 2012 R2 Server an welchen ich Gpos für Windows 10 Clients bereitstelle. U.a. ...