Hallo zusammen
Ich bin gerade daran ein kleines Template für eine eigene Website umzubauen. Ich kann etwas programmieren und habe Grundkenntnisse in HTML sowie CSS. Jedoch habe ich nie auf diesem Gebiet wirklich etwas gemacht (war nur mal ein Kurs)
Ich habe nun folgendes Problem:
Die Website sieht folgendermassen aus (siehe Anhang)
Und da seht ihr mein Problem - der Rahmen um das Div passt sich am Text an, aber nicht am Bild - zudem möchte ich gerne die ganze Breite ausnützen..!
Doch ich finde auf würgen und schlagen nicht heraus, wie ich dies verbreitere. Alle Breitenangaben, die ich finde reagieren auf Änderung nicht so wie ich will.
Hier mal der betreffende Ausschnit aus HTML:
Und hier der betreffende Teil aus CSS:
Was muss ich ändern, damit ich diesen Rahmen grösser kriege? Wenn ich jede breite auf z.b. 600px ändere, dann wird sehr wohl der text breiter, jedoch der Rahmen nicht.. wenn ich aber im HTML text ergänze, passt sich der rahmen dem Mehrtext an.
mfg
Ich bin gerade daran ein kleines Template für eine eigene Website umzubauen. Ich kann etwas programmieren und habe Grundkenntnisse in HTML sowie CSS. Jedoch habe ich nie auf diesem Gebiet wirklich etwas gemacht (war nur mal ein Kurs)
Ich habe nun folgendes Problem:
Die Website sieht folgendermassen aus (siehe Anhang)
Und da seht ihr mein Problem - der Rahmen um das Div passt sich am Text an, aber nicht am Bild - zudem möchte ich gerne die ganze Breite ausnützen..!
Doch ich finde auf würgen und schlagen nicht heraus, wie ich dies verbreitere. Alle Breitenangaben, die ich finde reagieren auf Änderung nicht so wie ich will.
Hier mal der betreffende Ausschnit aus HTML:
Code:
<div id="templatemo_middle">
<div class="templatemo_middle_section_box">
<div class="templatemo_middle_section_box_top">
<h1>The Bacons</h1>
</div>
<div class="templatemo_middle_section_box_mid">
<!--
<img src="images/templatemo_thumb2.jpg" alt="Atrist" />
-->
<p> Wir sind The Bacons..! </p>
<p> Die Band besteht aus Den Gitarristen Daniel & Florian Hasler, dem Bassisten Simon Wüthrich, Drummer Harry Käser sowie dem Gesang Dominique Minder</p>
<h1>So sehen wir genial aus..!</h1>
<img src="images/bacons.jpg" height="300" width="210" alt="THE BACONS" align="center" />
<p> Das ist sogenannter Fülltext....</p>
<p class="bottom_padding"> in faucibus orci luctus et ultrices posuere cubilia Curae Nrci tristique massa fermentum volutpat. Pellentesque habitantm tristique senectus et netus et malesuada. Praesent volutpat, velit sit amet bibendum ultricies.
in faucibus orci luctus et ultrices posuere cubilia Curae Nrci tristique massa fermentum volutpat. Pellentesque habitantm tristique senectus et netus et malesuada. Praesent volutpat, velit sit amet bibendum ultricies</p>
</div>
<div class="templatemo_middle_section_box_bottom">
</div>
</div>
</div><!-- End Of middle -->Und hier der betreffende Teil aus CSS:
Code:
#templatemo_middle {
float: left;
width: 455px;
margin: 0;
padding: 15px 15px 0 15px ;
}
#templatemo_middle .templatemo_middle_section_box {
width: 455px;
margin: 0 0 15px 0;
padding: 0;
}
.templatemo_middle_section_box .templatemo_middle_section_box_top {
width: 440px;
height: 35px;
background: url(images/templatemo_mid_section_top.jpg) no-repeat;
margin: 0;
padding: 13px 0 0 15px;
}
.templatemo_middle_section_box_top h1 {
height: 31px;
font-family: Arial;
font-size: 16px;
color: #fff;
background: url(images/templatemo_music_note.jpg) left no-repeat;
margin: 0;
padding: 5px 0 0 40px;
}
.templatemo_middle_section_box .templatemo_middle_section_box_mid {
width: 425px;
background: url(images/templatemo_mid_section_mid.jpg) repeat-y;
margin: 0;
padding: 15px 15px 0 15px;
}
.templatemo_middle_section_box_mid p {
font-family: Arial;
font-size: 12px;
color: #fff;
text-align: justify;
margin: 0 0 0 0;
padding: 0 0 10px 0;
}
.templatemo_middle_section_box_mid img {
float: left;
margin: 0 5px 5px 0;
padding: 0;
}
.templatemo_middle_section_box .bottom_padding {
padding: 0;
}
.templatemo_middle_section_box_mid h1 {
height: 31px;
font-family: Arial;
font-size: 16px;
color: #fff;
background: url(images/templatemo_music_note.jpg) left no-repeat;
margin: 10px 0 10px 0;
padding: 5px 0 0 40px;
}
.templatemo_middle_section_box .templatemo_middle_section_box_bottom {
width: 455px;
height: 23px;
background: url(images/templatemo_mid_section_bottom.jpg) no-repeat;
margin: 0;
padding: 0;
}Was muss ich ändern, damit ich diesen Rahmen grösser kriege? Wenn ich jede breite auf z.b. 600px ändere, dann wird sehr wohl der text breiter, jedoch der Rahmen nicht.. wenn ich aber im HTML text ergänze, passt sich der rahmen dem Mehrtext an.
mfg
