kostenloser Webspace werbefrei: lima-city

in: Ich brauche Hilfe für meine Fußzeile!

geschrieben von ftiopala

in: Ich brauche Hilfe für meine Fußzeile!

geschrieben von ftiopala

<div class="footer">
        <div class="footer_wrap">
            <div class="wcont">
                <h3 class="title">LinkBlock#1</h3>
                <ul>
                    <li><a href="#" title="link 1">Link #1</a></li>
                    <li><a href="#" title="link 2">Link #2</a></li>
                    <li><a href="#" title="link 3">Link #3</a></li>
                    <li><a href="#" title="link 4">Link #4</a></li>
                    <li><a href="#" title="link 5">Link #5</a></li>
                </ul>
            </div>
            <div class="wcont">
                <h3 class="title">LinkBlock#2</h3>
                <ul>
                    <li><a href="#" title="link 1">Link #1</a></li>
                    <li><a href="#" title="link 2">Link #2</a></li>
                    <li><a href="#" title="link 3">Link #3</a></li>
                    <li><a href="#" title="link 4">Link #4</a></li>
                    <li><a href="#" title="link 5">Link #5</a></li>
                </ul>
            </div>

.footer {padding:25px 0 0 33px;}
.footer_wrap {width:800px; margin:0 auto; position:relative; padding:0 0 50px 0;}
.footer .wcont {float:left; width:235px; padding:0 15px; color:#7c7c7c;}
.footer .wcont .title {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:24px; padding:0 0 18px 0; display:block;}
.footer .wcont .title a {color:#fff;}
.footer .wcont .title a:hover {text-decoration:none;}
.footer .wcont a {color:#7c7c7c;}
.footer .wcont ul {list-style:none;}
.footer .wcont ul li {padding:5px 0 5px 10px; background:url(../images/cat_li.png) no-repeat left;}
.footer .wcont ul li a:hover {color:#ff7e20; text-decoration:none;}
.footer .wcont .twitter li {background:none; padding:5px 0;}
.footer .wcont .twitter li a {color:#fff;}

in: Ich brauche Hilfe für meine Fußzeile!

geschrieben von ftiopala

<div id="footer">
    <p>
    <a href="../Impressum">Impressum:</a>
	<a href="../date">Datenschutzerkl&auml;rung:</a>
    <a href="../haftungsausschluss-(disclaimer)">Haftungsausschluss-(Disclaimer)</a>
    </p>
</div>

#footer{
	clear: both;
	padding: 10px;
	background-color: #334053;
	color: white;
	text-align: center;
}