• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ungewollter Abstand durch Text Einbindung (Anfänger [gelöst])

Goodkat

Neues Mitglied
Hallo,

ich lerne gerade mit HTML und CSS Websites zu erstellen und komme bei einem Problem nicht weiter. Ich habe unter der Navigation eine Section in der ich Text einfügen möchte und der Text soll etwas Abstand zum Rand der Section haben. Das habe ich mit margin-right und margin-top versucht. Mit margin-right hat es funktioniert, der Text hat einen Abstand zum linken Rand der Section aber durch margin-top entfernt sich die Section weiter von der Navigation, anstatt das der Text sich innerhalb der Section verschiebt.

HTML:
<div id="section">
<div id="foto">
<img src="pics/Foto5.png" alt="Foto fehlt">
</div>
<div id="text">
<p>
Hier kommt der Text der Startseite rein.
</p>
</div>
</div>

CSS:
#menu {
margin-bottom:5px;
}

#section {
width:1197px;
height:500px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-color:white;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

#foto {
width:auto;
height:auto;
float:right;
margin-top:20px;
margin-right:20px;
}

#text {
width:600px;
height:400px;
text-align:left;
margin-left:80px;
margin-top:20px;
}

Auf den beigefügten Bildern könnt ihr hoffentlich erkennen was ich meine. Danke schonmal im Vorraus.1.png2.png2.png
 
Werbung:
probier doch mal padding-top bei deiner section.
Warum margin-top bei text bei dir nicht Functioniert verstehe ich gerade auch nicht genau ,weil bei mir gehts bestens mit deinen Angaben
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben