Ich brauche Hilfe für meine Fußzeile!
lima-city → Forum → Sonstiges → Spam und sonstiges Unvergütetes
auto
bau
blocken
brauche
code
display
glaskugel
haftungsausschluss
hilfe
http
impressum
krieg
leute
list
position
rolle
text
umsetzen
url
webseite
-
Hey leute,
Ich brauche eure Hilfe mal ich habe eine Fußzeile für meine Webseite das sieht auch richtig gut aus schon aber ich möchte gerne so zwei Zeilen haben und da brauche ich eure Hilfe ich habe kein Plan wieso was geht!
Und so meinte ich das http://www.script-tutorials.com/demos/100/step5.jpg
Hier ist mein Code
<div id="footer"> <p> <a href="../Impressum">Impressum:</a> <a href="../date">Datenschutzerklärung:</a> <a href="../haftungsausschluss-(disclaimer)">Haftungsausschluss-(Disclaimer)</a> </p> </div>
#footer{ clear: both; padding: 10px; background-color: #334053; color: white; text-align: center; }
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ja sorry,
Das kriege ich aber nicht hin!!
<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;}
-
ftiopala schrieb:
Das kriege ich aber nicht hin!!
Und was kriegst Du da nicht hin? Glaskugeln haben heute frei.
Wenn man dir helfen soll, baue es in deine Seite ein, gib hier einen Link dazu, dann kann man nach Fehlern suchen.
Den funktionierenden Code aus dem Tutorial hast Du anscheinend auch nicht richtig kopiert. Da fehlen am Ende die End-Tags für 2 Divs.
Beitrag zuletzt geändert: 25.7.2015 21:00:14 von fatfreddy -
ich weiß nicht was ich da wo pia soll?????????????
-
Mangels Information nach Spam verschoben
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage