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?

Mitglied: diwaffm

diwaffm (Level 2) - Jetzt verbinden

22.03.2010 um 18:06 Uhr, 3190 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
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 ...

CSS
Problem Darstellung Webseite
Frage von achkleinCSS2 Kommentare

Hallo, ich habe kürzlich die Bearbeitung einer Webseite übernommen. Auf einer Seite passen die Bilder nicht zu den Texten: ...

CPU, RAM, Mainboards

RAM - gleiche Nummer dennoch unterschiedlich

gelöst Frage von HenereCPU, RAM, Mainboards15 Kommentare

Servus zusammen, möchte meinem Server weitere 64GB RAM spendieren. Nun hatte ich die gleichen Module bestellt, wie ich schon ...

Microsoft Office

Verzerrte Darstellung in Excel

gelöst Frage von NerofuMicrosoft Office16 Kommentare

Hallo zusammen, ich habe noch eine kleine Frage: in Excel gibt es bei einem Dokument das Problem, dass einige ...

Neue Wissensbeiträge
Router & Routing
Der "768k-Day" kommt
Information von LordGurke vor 1 StundeRouter & Routing

Für Leute, die Router mit BGP-Fulltable betreiben vielleicht ein interessanter Hinweis: Die IPv4-Fulltable erreicht voraussichtlich innerhalb der nächsten 2-3 ...

Debian

Partition angeblich voll, dabei aber noch nicht mal zur Hälfte belegt

Anleitung von diemilz vor 4 StundenDebian7 Kommentare

Hallo zusammen, ich habe ein kleines Problem: Ich habe auf einem physischen Debian Linux Server als ZoneMinder-Server (HP ProLiant ...

Windows 7
Updategängelung auf Windows 10, die zweite
Information von Penny.Cilin vor 4 TagenWindows 72 Kommentare

Hallo, da Windows 7 im kommenden Jahr nicht mehr supportet wird, werden Nutzer von Window 7 home premium wieder ...

Internet
EU-Urheberrechtsreform: Zusammenfassung
Information von Frank vor 7 TagenInternet1 Kommentar

Auf golem.de gibt es eine Analyse von Friedhelm Greis, der das Thema EU-Urheberrechtsreform gut und strukturiert zusammenfasst. Zwar haben ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
Notebooks in Firmenwlan authentifizieren
gelöst Frage von EarthShakerLAN, WAN, Wireless17 Kommentare

Guten Tag, unsere Firma möchte gerne flächendeckend WLAN einführen und hat zu diesem Zweck einen Dienstleister beauftragt. Wir benötigen ...

Backup
Veeam Community Edition
Frage von dgrebnerBackup14 Kommentare

Hallo Zusammen, kann jemand seine praktischen Erfahrungswerte mit der Veeam-Community Edition mit mir teilen? Es gab dazu ja schon ...

Peripheriegeräte
PS2 Y-Kabel für Maus+Tastatur an PS2 Combo-Anschluss ASUS Prime X370-A
gelöst Frage von Windows10GegnerPeripheriegeräte13 Kommentare

Hallo, ich bin am Überlegen das o.g. Motherboard anzuschaffen. Da ich aber noch PS/2 für Maus+Tastatur benötige (bei optischen ...

Netzwerkmanagement
Netzwerk vorübergehend weg
Frage von ahstaxNetzwerkmanagement11 Kommentare

Hallo, folgendes Szenario stellt sich dar: Im Netzwerk mit Win7-PCs wurden Switche ausgetauscht. Grundsätzlich funktioniert alles mindestens so gut ...