Abstand zum Div-Container

[Topa]

Hallo, ich arbeite grad an einem Projekt, und hab mal ne kleine Frage:

Ich habe zwei Div-Container: Einen großen und in dem Großen ist nochmal ein kleiner, wo ein Bild später drinne sein wird.
Wie kriege ich das Hin das der Abstand von kleinen Container vergrößert wird, wenn ich im großen was schreibe, Derzeit ist das ziemlcih eng beieinander.

Hoffe ihr versteht was ich meine?!

 

[Bernhard]

Hallo, ich arbeite grad an einem Projekt, und hab mal ne kleine Frage:

Ich habe zwei Div-Container: Einen großen und in dem Großen ist nochmal ein kleiner, wo ein Bild später drinne sein wird.
Wie kriege ich das Hin das der Abstand von kleinen Container vergrößert wird, wenn ich im großen was schreibe, Derzeit ist das ziemlcih eng beieinander.

Hoffe ihr versteht was ich meine?!

Hallo Topa,

wenn ich dich richtig verstehe, dann suchst Du nach margin...

Du schreibst, Du hättest einen "Div-Container", in den nur ein Bild soll.
Dann brauchst Du da kein div, weil Du alle Style-Angaben auch direkt
dem Bild geben kannst...

Grüße
Bernhard

 

[Topa]

Nein, Der eine Div ist für News, und neben dem Text soll ein Bild sein. Und der Abstand zwischen Bild und Text ist ziemlich gering, deshalb wollte ich den Abstand etwas vergrößern.

 

[Die Zahl]

Nein, Der eine Div ist für News, und neben dem Text soll ein Bild sein. Und der Abstand zwischen Bild und Text ist ziemlich gering, deshalb wollte ich den Abstand etwas vergrößern.

Sowas?

img { 
margin: 5px; 
}

Damit bekommen alle Bilder einen Abstand von 5xp. Refferenz: margin: Außenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Mfg

 

[Topa]

So sieht es in meinem Code aus:

 <div id="news_content">
 <div id="news_bild"><a href="#">BILD</a></div>
 <div class="datum">21.07.2009 - 15:00</div><br />
 LINK
 <br /><br />
 TEXT
  


</div>

und so in der CSS datei

#news_content {
width: 600px;
float: left;
padding:3px 5px;
height: 150px; 
margin: 5px;
border: solid 1px #000;

}
#news_bild {
height: 130px;
float:left;
width:100px;
border:1px solid #000000;

}
.datum {
font-size:10px;
color: #666666; }

Und wenn ich jetzt was schreibe ist das genau neben dem Umriss vom Bild.

 

[_Thor_]

Und jetzt nochmal die Frage, warum ist um dem Link noch ein <div>? Alles, was du dem <div> an Styles gibst, kannst du auch dem Link direkt geben.

Soll das Datum eine Beschreibung zu dem Bild sein, oder soll das die Überschrift für den Newsbeitrag sein?

 

[Bernhard]

Hallo Topa,

wenn ich dich richtig verstehe, dann suchst Du nach margin...

Du schreibst, Du hättest einen "Div-Container", in den nur ein Bild soll.
Dann brauchst Du da kein div, weil Du alle Style-Angaben auch direkt
dem Bild geben kannst...

Nein, Der eine Div ist für News, und neben dem Text soll ein Bild sein. Und der Abstand zwischen Bild und Text ist ziemlich gering, deshalb wollte ich den Abstand etwas vergrößern.

Hallo Topa,

warum "Nein"?

So sieht es in meinem Code aus:

<div id="news_content">
 <div id="news_bild"><a href="#">BILD</a></div>
 <div class="datum">21.07.2009 - 15:00</div><br />
 LINK
 <br /><br />
 TEXT
</div>

und so in der CSS datei

#news_content {
width: 600px;
float: left;
padding:3px 5px;
height: 150px; 
margin: 5px;
border: solid 1px #000;
}
#news_bild {
height: 130px;
float:left;
width:100px;
border:1px solid #000000;
}
.datum {
font-size:10px;
color: #666666;
}

Und wenn ich jetzt was schreibe ist das genau neben dem Umriss vom Bild.

wie schon gesagt, hilft da margin... - und: Du hast mehr als ein div zu viel
(und auch noch br)...

Probier's mal so:

<div id="news_content">
 <a href="#"><img src="bild.jpg" alt="alternativtext" width="100px" height="130px" /></a>
 <p>21.07.2009 - 15:00
 <a href="#" class="textlink">LINK</a>
 TEXT</p>
</div>

#news_content {
width:600px;
height:150px;
float:left;
padding:3px 5px;
margin:5px;
border:solid 1px #000;
}
#news_content a img {
width:100px;
height:130px;
float:left;
border:1px solid #000000;
margin:0 5em 0 0;
}
#news_content p {
font-size:10px;
color:#666666;
}
a.textlink {
display:block;
margin-bottom:3em;
}

Du solltest dir aber noch überlegen, dass es suboptimal ist, dem umgebenden div
eine feste Höhe in px zu geben, da der Text u.U. nicht mehr rein passt, wenn
Dein Besucher die Schrift vergrößert...

Grüße
Bernhard