Ja, hab echt ne Weile gebraucht weil ich bin noch recht neu in diesem Bereich aber jetzt hab ich es hinbekommen.
Danke Euch
Beiträge von LittleSilly
-
-
Genau das ist das Problem was ich nicht hinbekomme.
Wenn ich mir den Bereich ansich anschaue, dann hat er eine Breit von 930 px, also eigentlich müssten alle drei auf eine Zeile passen
aber die Box mit den Links, die oben drüber steht nimmt Platz weg, warum auch immer.
Ich versteh es einfach nicht. -
Dies ist die Index:
<div class="cleaner_h20"></div>
<div class="popular_meal_box margin_r_60"> <a href="rustikales.html"><img src="images/image_01.jpg" alt="" /></a>
<h3>Rustikales Büffet</h3>
<p>Rustikale Wurstplatte, Aufschnittplatte, Käseplatte, Fischplatte uvm.</p>
<div class="price"></div>
<a href="rustikales.html">mehr</a> </div>
<div class="popular_meal_box"> <a href="gemischtes.html"><img src="images/image_02.jpg" alt="" /></a>
<h3>Gemischtes Büffet</h3>
<p>verschiedene Spießchen und Häppchen, Italienische Antipasti-Platte uvm.</p>
<div class="price"></div>
<a href="gemischtes.html">mehr</a> </div>
<div class="popular_meal_box"> <a href="fingerfood.html"><img src="images/image_02.jpg" alt="" /></a>
<h3>Fingerfood</h3>
<p>verschiedene belegte Brote, Spießchen, Häppchen, Blinis, kleine Pfannkuchenrollen uvm.</p>
<div class="price"></div>
<a href="fingerfood.html">mehr</a> </div>
</div>
</div>
</div>
<!-- end of main column -->
<div id="side_column">
<div class="side_column_section">
<h4>Büfetts</h4>
<ul class="category_list">
<li><a href="gemischtes.html">Gemischtes Büfett</a></li>
<li><a href="rustikales.html">Rustikales Büfett </a></li>
<li><a href="mediteranes.html">Mediterranes Büfett </a></li>
<li><a href="saechsisches.html">Sächsisches Büfett</a></li>
<li><a href="fingerfood.html">Fingerfood Büfett </a></li>
<li><a href="grill.html">Grill Büfett </a></li>
<li><a href="weihnachtliches.html">Weihnachtliches</a></li>
</ul>
</div>
<div class="side_column_section">
<br>
<h4>Unsere Adresse</h4>
<a href="#"></a><p> Der Zeitgeist<br />
Großenhainer Straße 93<br />
01127 Dresden<br>
<br> Tel: 0351/8400510<br />
<br />
Email:<br />
Oliver Reetz <br>
<a href="mailto:info@derzeitgeist.de target="_blank"">info@derzeitgeist.de</a> </p>
</div>
<div class="side_column_bottom"></div>
</div>
<!-- end of side column -->
und das der Teil aus der CSS, ich hoffe ich hab alles erwischt#content h2 {
display: block;
font-size: 24px;
padding: 0 0 25px 30px;
margin-bottom: 10px;
color: #3e2b18;
background: url(images/h2_bg.png) bottom left no-repeat;
}#main_column {
float: left;
width: 590px;
margin-left: 50px;
}#side_column {
position: absolut;
float: right;
width: 180px;
color: #20150f;
background: #967853 url(images/side_column_top.png) no-repeat;;
margin: 0 50px 50px 0;
padding: 20px 20px 0 20px;
}#side_column .side_column_bottom {
position: relativ;
bottom: -50px;
left: 0px;
width: 220px;
height: 50px;
background:url(images/side_column_bottom.png) no-repeat;
z-index: 1;
}#main_column p {
margin-bottom: 10px;
}#main_column .section_w590 {
width: 590px;
}.section_w590_content {
padding-left: 30px;
}.popular_meal_box {
position: absolut;
float: left;
overflow: hidden;
width: 190px;
height: 250px;
padding: 28px;
margin-left: -60px;
margin-right: 80px;
background: url(images/dish_list_bg.png) no-repeat;
z-index: 2;
}.popular_meal_box img {
border: 1px solid #5a3f28;
margin-bottom: 10px;
}.popular_meal_box p {
color: #191007;
margin-bottom: 10px;
}.popular_meal_box .price {
float: left;
color: #599a1a;
font-size: 14px;
font-weight: bold;
}.popular_meal_box a {
float: right;
color: #599a1a;
font-weight: bold;
}#side_column .side_column_section {
margin-bottom: 30px;
}.side_column_section img {
border: 1px solid #ffffff;
margin-bottom: 10px;
}.category_list {
margin: 0 0 0 20px;
padding: 0;
list-style-image: url(images/list_icon_bg.jpg);
}.category_list li {
margin: 0px;
padding: 0 0 5px 0;
}.category_list li a {
color: #20150f;
}.category_list li a:hover
-
Hallo,
kann mir jemand helfen?
www.catering-zeitgeist.deIch möchte gern unten die 3 Beispielkästen auf eine Zeile setzen aber irgendwie und warum auch immer schaff ich es nicht.
Hat jemand einen Tipp für mich? Ich würde mich total freuen.
Viele Grüße Silke