mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 18:07 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 14: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 14:54, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 05.01.2009 15: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 15: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
float Problem
IE float problem?
img ul 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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB