Eine frohe Adventszeit wünscht Apfeltalk
  • Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Unser Dezember-Wettbewerb steht unter dem Thema Zeitreise - Macht mit und beteiligt Euch mit Euren kreativen Fotos! Zum Wettbewerb --> Klick

Kurze PHP Einbindung

wapplegraph

Normande
Registriert
12.04.06
Beiträge
571
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
 

Hilarious

Gelbe Schleswiger Reinette
Registriert
10.08.05
Beiträge
1.759
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 ;)
 

wapplegraph

Normande
Registriert
12.04.06
Beiträge
571
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
 

Hilarious

Gelbe Schleswiger Reinette
Registriert
10.08.05
Beiträge
1.759
... und was soll dabei rauskommen? (nicht ironisch gemeint)
 

wapplegraph

Normande
Registriert
12.04.06
Beiträge
571
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