Suche im Forum:
Suchen


Autor Nachricht
Beitrag13.05.2011 um 17:37 (UTC)    
Titel: [erledigt] Floatbox - zentrieren und Textabstand verringern

Hallo,

weiss vielleicht jemand welche Variable verändert werden muss
damit ich die Floatbox zentriert angezeigt bekomme und wie ich
die Lücke zwischen Bild + Text verringern kann

hier zu sehen:

www.klein-paris.eu/Floatbox.htm

und hier der Code:

<content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
<title>Floatbox</title>
<style type="text/css">
body { color:black; background-color:white; }
#links { float:left; width:20em; border:0px solid green; padding:1em; background-color:transparent; margin-right:1em; margin-bottom:1em; }
#rechts { border:0px solid blue; padding:1em; }
p { margin:0; }
</style>
<div id="links">
<p><img src="http://img.webme.com/pic/k/klein-paris/1-bach.jpg" alt="" /></p>
</div>
<div id="rechts">
<p style="text-align: left;"><span style="color: rgb(153, 204, 255);"><span style="font-size: medium;"><u><em><strong>Johann Sebastian Bach - Komponist</strong></em></u><em><strong><br />
- geboren 31. M&auml;rz 1685 in Eisenach, gestorben 28. Juli 1750 in Leipzig <br />
- Ende Mai 1723 Beginn als Thomaskantor in Leipzig<br />
- Kantatenauff&uuml;hrung sonnt&auml;glich und an Feiertagen in den vier Hauptkirchen Leipzigs und Musikunterricht an der Thomasschule</strong></em></span></span><em><strong><br />
</strong></em></p>
</div>

ich habe mehrere Bilder dieser Größe und möchte diese mit dazugehörigem Text alle in eine solche Floatbox einfügen, allerdings ist der Code s.o. für ein größeres Bild ausgelegt

es geht um diese Seite meiner Website:

http://www.klein-paris.eu/Pers.oe.nlichkeiten.htm

danke für Antworten
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur


Zuletzt bearbeitet von klein-paris am 13.05.2011, 19:32, insgesamt 2-mal bearbeitet
Beitrag13.05.2011 um 18:17 (UTC)    
Titel:

Zitat:
#links { float:left; width:20em; border:0px solid green; padding:1em; background-color:transparent; margin-right:1em; margin-bottom:1em; }
#rechts { border:0px solid blue; padding:1em; }


Das rote kannst du mal probehalber verringern. Das orangene sollte eigentlich nicht das Problem sein, kann man aber auch noch ändern. Das blaue kann man lassen.

Zur Erklärung: 1em = Browser-Standard-Schriftgröße, meist 12px.

Demnach sind die roten 20em 240px. Kein Wunder, dass das so breit ist Very Happy

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag13.05.2011 um 18:24 (UTC)    
Titel:

transint hat Folgendes geschrieben:
Zitat:
#links { float:left; width:20em; border:0px solid green; padding:1em; background-color:transparent; margin-right:1em; margin-bottom:1em; }
#rechts { border:0px solid blue; padding:1em; }

Zur Erklärung: 1em = Browser-Standard-Schriftgröße, meist 12px.

Demnach sind die roten 20em 240px. Kein Wunder, dass das so breit ist Very Happy

Gruß,

TransInt


jo - jetzt wo du es nochmal erklärt hast, hats wieder klick gemacht
ich habe mit px rumprobiert natürlich viel zu hoch

naja - hatte nen Fensterplatz Mr. Green und das Wetter war so schön

dankeeeeeeeeeee
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de