• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Foto neben Tabelle ausrichten

R

raf-dat

New member
Hallo zusammen,
ist es möglich, dass man eine Tabelle auf selber Höhe mit einem Bild hat?
(Tabelle rechts, Bild links)
Bis jetzt arbeite ich nur mit dem <DIV>-Befehl, dann sind die Objekte allerdings
übereinander!

Wäre für Hilfe dankbar!
raf-dat
 
So in etwa?
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<title>Tabelle und Bild</title> 
<style type="text/css">
html,body{
margin:0; 
}
#container{
position:relative;
top:100px;
width:80%;
margin:0 auto;
}
table{
float: right; 
width: 70%; 
background: #0086d7;
border: thin solid black;
}
#foto{
float: left;
height:50px;
width:30%; 
background: #dfdfdf;
}
</style> 
</head> 
<body> 
<div id="container"> 
<table>
<tr><td>hier ist die Tabelle</td></tr>
</table>
<div id="foto"><img src="foto.jpg"alt="">Foto</div>
</div>
</body> 
</html>
 
Zuletzt bearbeitet:
anna55 schrieb:
So in etwa?
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<title>Tabelle und Bild</title> 
<style type="text/css">
html,body{
margin:0; 
}
#container{
position:relative;
top:100px;
width:80%;
margin:0 auto;
}
table{
float: right; 
width: 70%; 
background: #0086d7;
border: thin solid black;
}
#foto{
float: left;
height:50px;
width:30%; 
background: #dfdfdf;
}
</style> 
</head> 
<body> 
<div id="container"> 
<table>
<tr><td>hier ist die Tabelle</td></tr>
</table>
<div id="foto"><img src="foto.jpg"alt="">Foto</div>
</div>
</body> 
</html>
Zum Vergrößern anklicken....

Ja, ziemlich genau, danke!
 
So, jetzt habe ich aber noch ein Problem, nämlich bei folgendem
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<title>Titel der Seite</title> 
<style type="text/css">
html,body{
margin:0; 
}
#container{
position:absolute;
top:10px;
width:99%;
margin:10px;
}
table{
float:left; 
width:150px; 
background: #ffffff;
border:2px solid #66ccff;
}
#logo{
float:right;
height:50px;
width:22%;
background: thin solid black;
}
#table{
float:left;
position:absolute;
top:0px;
left:170px;
}
</style> 
</head> 
<body background="bild1.jpg"
text="#FFCC00" link="#FF3333" alink="#66CCFF" vlink="#FF3333"> 
<div id="container"><font face="Comic Sans MS,Arial,Times New Roman" size="+2">
<table border=2 cellspacing=1 cellpadding=1>
<tr><td>Hier kommen</td></tr>
<tr><td>die verschiedenen</td></tr>
<tr><td>Seiten rein!</td></tr>
</table><div id="logo"><img src="bild2.jpg" heigh=207 width=399></div>
<font face="Comic Sans MS,Arial,Times New Roman" size="+2"><div id="table">
<table><tr><td>Hier kommt der laaaaange Text rein, aber die Tabelle bleibt immer gleich breit! ist das nicht komisch?</td></tr></table></div></font></div>
</body> 
</html>

wird die <DIV>-ID "table" einfach nicht breiter, egal was ich ausprobiere.
Was mache ich falsch?
 

Anhänge

  • homepage.jpg
    homepage.jpg
    51,6 KB · Aufrufe: 4
raf-dat schrieb:
...wird die <DIV>-ID "table" einfach nicht breiter, egal was ich ausprobiere.
Was mache ich falsch?
Zum Vergrößern anklicken....

Gönne der Tabelle ein wenig mehr Platz in Deinem Style (rote Angabe verändern) :
Code: 
table{
float:left; 
[COLOR="Red"]width:350px;[/COLOR]
background: #ffffff;
border:2px solid #66ccff;
}
 
raf-dat schrieb:
Geht nicht, weiss auch nicht wieso.
Zum Vergrößern anklicken....

Schau Dir mal den von Dir geposteten Code genau an. Du hast doppelte Style-Angaben zur Tabelle drin. Ich schreibe hier mal in Rot, wo Du etwas ändern musst:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<title>Titel der Seite</title> 
<style type="text/css">
html,body{
margin:0; 
}
#container{
position:absolute;
top:10px;
width:99%;
margin:10px;
}
[COLOR="Red"]/*Diese Angaben kannst Du komplett löschen.
table{  
float:left; 
width:150px; 
background: #ffffff;
border:2px solid #66ccff;
}
*/[/COLOR]
#logo{
float:right;
height:50px;
width:22%;
background: thin solid black;
}
[COLOR="Red"]/*Das ist Deine Tabellenformatierung. Hier setzt Du left auf etwa 250px und musst dann noch Ränder für die Tabelle einrichten mit border. Ach ja, und vor table lässt Du das Gatterzeichen # weg. Du willst ja keine ID vergeben.*/
#table{  
float:left;
position:absolute;
top:0px;
left:170px;
}[/COLOR]
</style> 
</head> 
<body background="bild1.jpg"
text="#FFCC00" link="#FF3333" alink="#66CCFF" vlink="#FF3333"> 
<div id="container"><font face="Comic Sans MS,Arial,Times New Roman" size="+2">
<table border=2 cellspacing=1 cellpadding=1>
<tr><td>Hier kommen</td></tr>
<tr><td>die verschiedenen</td></tr>
<tr><td>Seiten rein!</td></tr>
</table><div id="logo"><img src="bild2.jpg" heigh=207 width=399></div>
<font face="Comic Sans MS,Arial,Times New Roman" size="+2"><div id="table">
<table><tr><td>Hier kommt der laaaaange Text rein, aber die Tabelle bleibt immer gleich breit! ist das nicht komisch?</td></tr></table></div></font></div>
</body> 
</html>

Edit: Falls Du nur Text auf der rechten Seite haben willst und keine Daten, für die die Tabelle richtig wäre, liegst Du statt table mit einem div-Tag richtig. Tabellen sind nicht für Layoutzwecke da.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben