mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 01.02.2023 20:20 Benutzername: Passwort: Auto-Login

Thema: HTML CSS Tabellen durch DIV ersetzen: float-Problem vom 05.01.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> HTML CSS Tabellen durch DIV ersetzen: float-Problem
Autor Nachricht
grinch
Threadersteller

Dabei seit: 05.01.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 05.01.2009 13:42
Titel

HTML CSS Tabellen durch DIV ersetzen: float-Problem

Antworten mit Zitat Zum Seitenanfang

Kurze Frage!

wie kann ich eine HTML Tabelle (2 Spalten, 1 Zeile) durch DIVs ersetzen, sodass links
ein Bild erscheint, rechts der Text, dieser aber unterhalb des Bildes nicht an den Anfang
der Zeile rutscht (ähnlich Tabs in Word)

ich habe aktuell ein Bild mit float:left ausgezeichnet. Sobald der Text aber mehr als 3 Zeilen
hat, umfliesst er das Bild ab dem Zeilenanfang

BILD TEXT TEXT TEXT
BILD TEXT TEXT TEXT
BILD TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

ich will aber

BILD TEXT TEXT TEXT
BILD TEXT TEXT TEXT
BILD TEXT TEXT TEXT
_____TEXT TEXT TEXT
_____TEXT TEXT TEXT

so wie wenns ne Tabelle wäre! Geht das ...?

Danke

[edit kash: verschoben von Programmierung (HTML/CSS sind keine Programmiersprachen]


Zuletzt bearbeitet von Kash am Mo 05.01.2009 13:54, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 49
Geschlecht: Männlich
Verfasst Mo 05.01.2009 14:35
Titel

Antworten mit Zitat Zum Seitenanfang

dein code wäre nächstes mal nicht schlecht, damit man direkt sagen kann, wo dein fehler ist, ohne was vorkauen zu müssen *zwinker*

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
   * {
   margin: 0;
   padding: 0;
   }
   .absatz {
      clear: left;      
   }
   img {
      float:left;
      padding-right: 10px;         
   }
   p {
      float:left;
      width: 120px;
   }
   
</style>
</head>
<body>
<div class="absatz">
   <img src="head_bg.gif" alt="bild"/>
   <p>
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   </p>
</div>
<div class="absatz">
   <img src="head_bg.gif" alt="bild"/>
   <p>
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   bla bla bla bla bla bla bla
   </p>
</div>
</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
grinch
Threadersteller

Dabei seit: 05.01.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 05.01.2009 14:42
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, genauso passt s ... * Ich bin unwürdig *
  View user's profile Private Nachricht senden
 
Ähnliche Themen Problem mit html tabellen
Problem mit HTML Tabellen - Zellen falsch ausgerichtet
IE float problem?
img ul float problem
float problem
Float-Problem?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.