Guten Nachmittag,
Ich bin dabei einen neuen Additional Footer zu implentieren und brauche ein paar Design Hilfe beim Code. Kann jemand mir sagen was genau ich anpassen muss damit der Footer besser aussieht. Ich bekomme es nicht hin das Design sauber zu gestalten.
Bitte um Hilfe:
Hier der Code zum Template:
Code
<div class="additionalFooterContent">
<div class="footerContent1">
<h3 class="subHeadline">INFORMATIONEN</h3>
<p><a href="http://www.report.lu/index.php/LegalNotice/">Impressum</a></p>
<p><a href="http://www.report.lu/index.php/PrivacyPolicy/">Datenschutzerklärung</a></p>
<p><a href="http://www.report.lu/index.php/Contact/">Kontakt</a></p>
<p>...</p>
<h3 class="subHeadline"></h3>
</div>
<div class="footerContent2">
<h3 class="subHeadline">INTERAKTIONEN</h3>
<p><a href="http://facebook.com/">Facebook</a></p>
<p><a href="https://twitter.com/">Twitter</a></p>
<p><a href="https://plus.google.com/">Google+</a></p>
<p><a href="http://www.report.lu/blog/index.php/BlogFeed/?">RSS</a></p>
<h3 class="subHeadline"></h3>
</div>
<div class="footerContent3">
<h3 class="subHeadline">COMMUNITY</h3>
<p><a href="http://www.report.lu/index.php/MembersList/">Mitgliederliste</a></p>
<p><a href="http://www.report.lu/index.php/Team/">Team-Mitglieder</a></p>
<p><a href="http://www.report.lu/index.php/UserSearch/">Mitgliedersuche</a></p>
<p><a href="http://www.report.lu/index.php/UsersOnlineList/">Benutzer Online</a></p>
<h3 class="subHeadline"></h3>
</div>
<div class="footerContent4">
<h3 class="subHeadline">BETREIBER</h3>
<p>Report Luxemburg</p>
<p>Ronald Mordiconi</p>
<p>9 rue Simon Bolivar</p>
<p>L-4037 Esch-sur-Alzette</p>
<h3 class="subHeadline"></h3>
</div>
<div style="clear:left;"></div>
</div>
Hier der Code zum CSS:
CSS
/* ADDITIONAL FOOTER */
.additionalFooterContent p {
margin-bottom:3px;
font-size:1.1em;
}
.additionalFooterContent h3, .additionalFooterContent, .footerMenu li, .footerOptions li {
border-color: #ffffff !important; 4E5055
}
.additionalFooterContent {
padding:10px 0;
color:#ffffff;
}
.additionalFooterContent h3 {
border-bottom:thin dotted #ffffff;
font-size:1.3em;
padding:10px 0;
}
.footerContent1 h3, .footerContent2 h3, .footerContent3 h3{
margin-right:10px;
}
.footerContent1, .footerContent2, .footerContent3, .footerContent4 {
float: left;
width: 25%;
}
#footerContainer {
color:#ccc;
}
