Bild/Text Abstand stimmt nicht.

Status
Nicht offen für weitere Antworten.

Briefkasten

Erfahrenes Mitglied
Hallo,

auf meiner Seite http://get.pyrokar.lima-city.de/ wird beim Bild in der ersten Zeile ein abstand gelassen. Bei den Restlichen Zeilen aber nicht .

Wenn ich die Seite im WYSISYG Editor bearbeite dann wir mir das einrücken der ersten Zeile nicht angezeigt.

Wisst ihr warum bei der Ersten Zeile eingerückt wird?
Die Dateien:
http://get.pyrokar.lima-city.de/index.htm
http://get.pyrokar.lima-city.de/navigation.css
http://get.pyrokar.lima-city.de/basic.css
http://get.pyrokar.lima-city.de/font.css
http://get.pyrokar.lima-city.de/layout.css

Wie kann ich mit css realieseren, dass ein bestimmter abstand vom Bild gelassen wird.

Desweiteren habe ich noch eine Frage.

Wenn die Seite das erstemal geladen wird, ist die Seite bei euch zentriert oder nicht?

mfg ajzr
 
Hi,

das Einrücken der ersten Zeile erfolgt wegen der Angabe text-indent: 10px in #textw in der
Datei basis.css. Wenn du die Eigenschaft ganz weglässt oder sie auf Null setzt, sollte der
Einzug der ersten Zeile entfernt sein.

Versuche den Abstand zu den Bildern mit margin zu erzeugen, z.B:
HTML:
<img src="" style="margin: 0 6px 5px 4px;" height="" width="" />
Die Seite ist bei mir auch nicht nach mehrmaligen Laden zentriert. Versuche mal folgende zwei
Zeilen in #mbuilding einzufügen:
Code:
#mbuilding{ /* Bisherige Definitionen */
            left: 50%;
            margin-left: -400px;}
Ciao
Quaese
 
Vielen dank.

Hab noch eine frage. Ich wollte jetzt 2 div Container nebeneinander tun.

Die werden aber nur untereinander dargestellt. Siehe hier:http://get.pyrokar.lima-city.de/index.htm

CSS Code:
Code:
#textwl{
	position:relative;
	float:none;
	width:50%;
}
#textwr{
	position:relative;
	float:none;
	left:50%;
	width:50%;
}
Ich hätte gern 2 div Container nebeneinabder ohne das ich top und left verwende.

mfg ajzr
 
Hi,

ordne die DIV-Container mit float: left nebeneinander an:
Code:
#textwl{ float: left;
         width:50%;}
#textwr{ float: left;
         width:50%;}
Bevor du die Spalten nebeneinander anordnest, solltest du eine eventuell bestehende float-Ausrichtung
wieder aufheben.
HTML:
<div style="font-size: 1px line-height: 0; height: 0; clear: both;">&nbsp;</div>
<div id="textwl">
  ...
</div>
<div id="textwr">
  ...
</div>
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück