Antwort #57 am: 15. Juli 2012, 11:00:30
Hallo,
habe Variante2 installiert(ohne Rahmen). Läuft soweit, bis auf die Tatsache, dass die Schriftfarbe in den zwei linken Boxheadern blau und in der rechten Boxh weis ist...
[ Für Gäste sind keine Dateianhänge sichtbar ]
Hier meine Modifikation:
index.html
<div id="abstand"></div>
<div id="bottom">
<div id="bottom-divs">
<!-- Bottom Left -->
<div id="bottom-left">
{$box_CONTENT}
</div>
<!-- Bottom Mid -->
<div id="bottom-mid">
{$box_INFORMATION}
</div>
<!-- Bottom Right -->
<div id="bottom-right">
{$box_WHATSNEW}
</div>
</div>
</div>
stylesheet.css
#abstand {
background:#FFFFFF none repeat scroll 0 0;
clear:both;
height:15px;
}
#bottom {
background-color:#EDEDED;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 1px 1px;
clear: both;
float: left;
width: 978px;
height: 100%;
font-size: 0.9em;
text-align: left;
color: #383838;
}
#bottom-divs {
float: left;
clear: both;
margin: 0;
padding: 0px;
width: 100%;
}
#bottom-left,
#bottom-mid,
#bottom-right {
width: 27%;
padding: 10px 0 20px 60px;
float: left;
}
#bottom h2 {
margin: 0 0 10px 0;
padding: 0 0px;
font-size: 1.6em;
color: #004B76;
}
#bottom h2 span {
color: #1474b4;
}
#bottom ul {
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #ccc;
}
#bottom ul li {
line-height: 26px;
border-bottom: 1px solid #ccc;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color: #383838;
text-decoration: none;
outline: none;
}
#bottom ul li a:hover {
background: #CCCCCC;
outline: none;
}
#bottom-sep {
clear: both;
}
div#bottom h2.boxheader {
background: none;
}
div#bottom .boxbody {
border: none;
padding: 0px;
margin: 0px;
}
div#bottom .boxbody ul.contentlist {
margin: 0px;
}
div#bottom .contentlist a {
border: none;
}
Meine Frage: Hat jemand ein Beispiel für mich mit 4 "Boxen" und evtl. einen Hinweis für mich wegen der Boxüberschriften?
Danke
Frank
