• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Die Bildungsoffensive hier im Forum geht weiter! Jetzt sollen Kreativität und technische Möglichkeiten einen neue Dimension erreichen. Das Thema in diesem Monat lautet - Verkehrte Welt - Hier geht es lang --> Klick

Kurze PHP Einbindung

Hallo wieder einmal

So das einmitten, mit CSS bringe ich nicht fertig, haette einen Inhalt von 500*375px. Doch kann im Moment ohne das leben.

Nun aber wichtiger zur profisorischer Vollendung eine Frage:
Wie kann ich, wenn ich bei der ersten Ebene im style float:left angebe, der folgenden Ebene einen Abstand zur ersten geben? Einfach mit margin-left geht das nicht.


Danke wapplegraph
 
Ich behaupte, doch das geht. Aber es ist einfacher, im Zusammenhang zu lösen, da bei Aufbauten mit CSS vieles sich gegenseitig beeinflusst. Vielleicht wäre es nun Zeit, ein Buch zur Hand zu nehmen ;)
 
JA das habe ich dann auch vor sobald ich, morgen wieder in der Schweiz ankomme, doch nun bin ich noch nicht dort.

Auf selfHTML habe ich eben nur das mit dem float so kurz gefunden.

Hier das was ich brauche, mache

Code:
<div style="margin-top:150px;margin-left:250px;float:left">

<img src="../../fotos%20pg.%20web/botellas/botellasSonnestube192g.jpg" height="110px" width="150px">
</div>

<div style="margin-left:40px;margin-top:150px">
<img src="../../fotos pg. web/cortezas/corteza117.jpg" height="110px" width="150px">
</div>

<div  align="center" 
style="color:#FFFFCC;font-family:American Typewriter;margin-left:250px;margin-top:20px;width:150px;height:110px">
Botellas</div>

wapplegraph
 
... und was soll dabei rauskommen? (nicht ironisch gemeint)
 
So das aber jetzt stehe ich vor dem Verzweifeln.

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">
<title>Documento sin t&iacute;tulo</title>

<style type="text/css">

a:link { color:#FFFFCC; }
	a:visited { color:#FFFFCC; }
	a:active { color:#FFFFFF; }

div#name {

text-align:center;
color:#FFFFCC;
font-family:American Typewriter;
width:150px;
height:110px;
float:left;
margin-top:10px
}

div#bild	{
margin-left:40px;
margin-top:150px
}


</style>
</head>

<body style="background-color:#000000">

<table align="center" width="520px" style="font-family:American Typewriter;font-size:12pt;color:#FFFFCC;margin-top:30px">


		<tr align="center" valign="middle" style="height:30px;font-weight:bold">
			<td width="80" style="background-color:#CC534B"><a href="../../index.html">Inicio</a></td>
			<td width="70" style="background-color:#256CA2"><a href="botellas/daten.htm">Fotos</a></td>
			<td width="120" style="background-color:#2E1FBF">Curriculum</td>
			<td width="100" style="background-color:#844E73"><a href="contacto.htm">Contacto</a></td>
			<td width="70" style="background-color:#7B0006">Precios</td>
			<td width="80" style="background-color:#E6A802">Enlaces</td>
		</tr>
		
		</table>
		
<div style="margin-top:150px;margin-left:250px;float:left">

<img src="../../fotos%20pg.%20web/botellas/botellasSonnestube192g.jpg" height="110px" width="150px">
</div>

<div id="bild" style="float:left">
<img src="../../fotos pg. web/cortezas/corteza117.jpg" height="110px" width="150px">
</div>

[B]<div style="margin-left:40px;margin-top:150px">
<img src="../../fotos pg. web/onírico/Arboles2.jpg" height="110px" width="150px">
</div>

[/B]
<div  id="name" style="margin-left:250px ">
Botellas</div>

<div  id="name" style="margin-left:40px ">
Cortezas</div>

[B]<div id="name" style="float:none ">
Onírico</div>
[/B]

<div style="margin-left:250px;margin-top:50x;float:left">
<img src="../../fotos pg. web/paletas/paletaVIII_06_47.jpg" height="110px" width="150px">
</div>
		
<div style="margin-left:40px;margin-top:50x;float:left">
<img src="../../fotos pg. web/plantas/adornosatardecer94g.jpg" height="110px" width="150px">
</div>

[B]<div style="margin-top:50x">
<img src="../../fotos pg. web/reflejos/reflejo3.jpg" height="110px" width="150px">
</div>[/B]

<div id="name" style="margin-left:250px ">Paletas</div>

<div id="name" style="margin-left:40px ">Plantas</div>

<div id="name">Reflejos</div>

</body>
</html>

So das fett gedruckte macht, was es will.

Soll eine Auswahl fuer die Fotogalerien geben.

wapplegraph