[GastForen Web allgemein HTML und CSS / Stylesheets Tabelle mit DIVs simulieren

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Tabelle mit DIVs simulieren

Wolfgang Reszel
Beiträge gesamt: 4170

12. Okt 2005, 10:42
Beitrag # 1 von 5
Bewertung:
(1975 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

ich möchte bei einer Auflistung von Adressen links von den Adressen immer ein Adresssymbol haben (siehe Anhang). Ist das auch ohne Tabellen möglich? Ich habe es mit zwei DIVs probiert.

Code
.vcard{position:relative;width:40px;height:40px} 
.adresse{position:relative;top:-40px;left:40px}


Das Problem ist, dass die 40px nach oben Schieben nicht den folgenden Text nachrücken lassen, also eine 40px-Lücke entsteht.
Wolfgang


Mach mit bei Illustrator Praxis, dem Wiki rund um Illustrator.

Anhang:
div-table.png (4.64 KB)
X

Tabelle mit DIVs simulieren

SabineP
Beiträge gesamt: 7586

12. Okt 2005, 11:10
Beitrag # 2 von 5
Beitrag ID: #190759
Bewertung:
(1972 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Wolfgang,

mit CSS ist das möglich.
Zum Beispiel sind die Ordnersymbole in der Forenübersichtsseite Hintergrundbilder.
http://www.hilfdirselbst.ch/foren/gforum.cgi

Hier noch ein Beispielcode:

Mit
padding-left:Wert in Pixel
wird der Text relativ zum Hintergrundbild nach rechts verschoben.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Titletext</TITLE>

<style type="text/css">
div {padding-left:20px; background-image:url(adresssymbol.gif);background-repeat:no-repeat;}
</style>

</HEAD>

<BODY>
<div>Text Text Text Text Text</div>
</BODY>

</HTML>

Gruß Sabine


als Antwort auf: [#190744]

Tabelle mit DIVs simulieren

Wolfgang Reszel
Beiträge gesamt: 4170

12. Okt 2005, 12:11
Beitrag # 3 von 5
Beitrag ID: #190773
Bewertung:
(1970 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke Sabine,

leider sollen die Bilder auch mit einem Link hinterlegt werden. Die Frage ist ja auch mehr generell gemeint. Wie stelle ich zwei DIVs nebeneinander und das relativ zum Umfeld.
Wolfgang


Mach mit bei Illustrator Praxis, dem Wiki rund um Illustrator.


als Antwort auf: [#190759]

Tabelle mit DIVs simulieren

SabineP
Beiträge gesamt: 7586

12. Okt 2005, 13:40
Beitrag # 4 von 5
Beitrag ID: #190802
Bewertung:
(1960 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Mit float:left bekommt man zwei DIVs nebeneinander.

Noch ein Beispiel dazu, allerdings habe ich darauf verzichtet das Bild in ein Div zu packen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>nebeneinander</title>
<style type="text/css">
#links {float:left; width:40px; height:40px}
#rechts {margin-left:50px}
</style>
</head>
<body>
<img src="bild.gif" id="links">
<div id="rechts">Text Text Text Text Text Text Text Text Text Text Text Text </div>
</body>
</html>

Gruß Sabine


als Antwort auf: [#190773]
(Dieser Beitrag wurde von SabineP am 12. Okt 2005, 13:41 geändert)

Tabelle mit DIVs simulieren

Wolfgang Reszel
Beiträge gesamt: 4170

12. Okt 2005, 14:02
Beitrag # 5 von 5
Beitrag ID: #190809
Bewertung:
(1956 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

danke, wenn ich aber statt dem IMG ein weiteres DIV verwende wird trotzdem im IE noch leicht der Text eingerückt, egal ob das zweite DIV zehn Kilometer rechts steht oder knapp dran. Ich geb's jetzt auf und mache wie gewohnt mit Tabellen weiter.
Wolfgang


Mach mit bei Illustrator Praxis, dem Wiki rund um Illustrator.


als Antwort auf: [#190802]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
30.11.2020 - 01.12.2020

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Montag, 30. Nov. 2020, 08.30 Uhr - Dienstag, 01. Dez. 2020, 17.00 Uhr

Kurs

Im Kurs lernen Sie die Schritte vom Import des Rohmaterials bis zum fertig exportierten Clip kennen. Dazu zählen die Materialverwaltung, das Trimmen für Roh- und Feinschnitt, Blenden, Titel und Effekte und eine Übersicht über die wichtigsten Formate.

Preis: CHF 1'700.-
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/video-und-audio-publishing/adobe-premiere-pro-cc/kurs-adobe-premiere-pro-cc-basic

Veranstaltungen
01.12.2020 - 03.12.2020

ortsunabhängig
Dienstag, 01. Dez. 2020, 10.00 Uhr - Donnerstag, 03. Dez. 2020, 11.30 Uhr

Online Workshop-Reihe

Sie wollen barrierefreie PDF-Dokumente mit möglichst wenig Aufwand erstellen? Mit ein wenig Grundlagenwissen können Sie dies aus InDesign mit axaio MadeToTag erreichen – ohne manuelle Nacharbeit im PDF! In diesem 3-teiligen, interaktiven Webinar, das wir vom 1. – 3. Dezember 2020 gemeinsam mit unserem Partner und InDesign-Experten Klaas Posselt von einmanncombo organisieren, lernen die Teilnehmenden, wie sie zielführend beim Erstellen von barrierefreien PDF-Dokumenten aus Adobe InDesign vorgehen. Dafür wird zu Beginn vermittelt, was ein barrierefreies PDF ist, und welche Anforderungen an solche Dokumente bestehen. Mit diesem Wissen werden, anhand von Best-Practice-Beispielen, Strategien zum effizienten Erstellen von PDF/UA-konformen Dokumenten und Formularen mit Adobe InDesign und axaio MadeToTag gezeigt. Außerdem werden Lösungen für klassische Probleme vermittelt. Die Teilnehmenden erhalten im Vorfeld eine Liste der notwendigen Software, wie auch vorbereitete Workshop-Daten, an denen alle im Webinar unter Anleitung arbeiten. Während des Webinars haben die Teilnehmenden die Möglichkeit, Fragen zu stellen. Inhalte der einzelnen Webinare: Die Webinar-Serie besteht aus vier Teilen (Inhalte folgend). Diese bauen aufeinander auf, können aber, mit den entsprechenden Vorkenntnissen, auch einzeln besucht werden. Webinar 1 – Grundlagen (1. Dezember 2020, 10.00 - 11.30 Uhr) Fundiertes Grundlagenwissen über barrierefreie PDF-Dokumente bildet die Basis einer erfolgreichen Umsetzung in InDesign, um die dafür notwenigen Werkzeuge richtig einsetzen zu können. â–ª Warum barrierefreies PDF? â–ª Gesetzliche Grundlagen und Richtlinien â–ª Anforderungen an barrierefreie PDF-Dokumente â–ª Basiswissen zur Umsetzung in InDesign â–ª Einordnung axaio MadeToTag Webinar 2 – Einstieg MadeToTag (2. Dezember 2020, 10.00 - 11.30 Uhr) Anhand eines InDesign-Beispieldokumentes wird eine Publikation Schritt für Schritt mit MadeToTag barrierefrei gemacht. â–ª Warum MadeToTag nutzen? â–ª Nützliche Funktionen/Mehrwert gegenüber InDesign â–ª Arbeitsschritte in der Übersicht â–ª Gemeinsam ein Dokument barrierefrei machen, Schritt für Schritt â–ª Ausgabe als barrierefreies PDF/UA Webinar 3 – Spezielle Aufgaben mit MadeToTag meistern (3. Dezember 2020, 10.00 - 11.30 Uhr) Bestimmte Inhalte, wie unpassend erstellte Inhalte (z.B. manuelle Trennungen), komplexe Tabellen oder Formulare, können in einer barrierefreien Umsetzung sehr störend oder gar kniffelig sein. MadeToTag kann hier Hilfestellung leisten. â–ª Probleme finden und beheben â–ª Komplexere und richtig komplexe Tabellen â–ª Formulare â–ª Schneller Arbeiten mit Shortcuts â–ª Vorlagen aufbauen Ziele der Webinar-Serie: â–ª Grundlagen barrierefreier Dokumente kennen â–ª Barrierefreie Dokumente in InDesign mit MadeToTag vorbereiten und ausgeben Teilnahmegebühr: Die Teilnahmegebühr für alle drei Webinare beträgt € 89,- (zzgl. MwSt.) Wir freuen uns auf Ihre Teilnahme! Das axaio-Team

Ja

Organisator: axaio software

Kontaktinformation: Karina Zander, E-Mailk.zander AT axaio DOT com

https://en.xing-events.com/OEBIDIR.html

Erstellung barrierfreier PDF-Dokumente mit InDesign & MadeToTag

Neuste Foreneinträge


Großformat Druckdaten anlegen

Fehlermeldung: ist in sich selbst verschachtelt

Bilder exportieren

Ausschnittswerkzeug

Interaktive PDFs - Ebenenansicht speichern

Systemschriften nicht anzeigen Fontexplorer

Acrobat Pro Farbauszüge drucken

Initial mit unterschiedlichem rechten Rand

Quellenangaben von Bildern innerhalb des Dokumentes pflegen

Vorschlag vor Überschrift
medienjobs