Webdesign Footer
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
code
dank
datei
domain
eigenschaft
farbe
grafik
haut
hilfe
http
impressum
index
lade
mitte
obiger code
rand
trickkiste
urheberrecht
url
webseite
-
Hallo,
wie auf der Webseite http://designnation.de der Footer zu sehen ist, wäre mein neuer Footer, er sollte ganz unten an der Webseite sein. Ohne den Text unter dem Footer.
Habe es mal so gemacht:
<div id="footer" class="round"> © 2009-2010 Domain | Werbung | AGB | Impressum <br class="clear"/> </div>
Aber wie bekomme ich die Farbe #252525 dahinter und den Rand? Eventuell mit einer Grafik? Und wie mach ich das, das er auf meiner Webseite immer unten bleibt?
Den Footer findet ihr bei designnation.de. Nein, ich werde die Urheberrechte nicht verstoßen, da ehh fast jeder Footer gleich ist.
Meine alte Footer Datei:
</div> <div class="clear"><br><br><br><br></div> <div id="footer"> <ul> <li><a href="<?echo $admin->domain;?>/impressum/">Impressum</a></li> <li><a href="<?echo $admin->domain;?>/hilfe/">Hilfe</a></li> </ul> </div> </div> <center> <p><font color=dddddd></font></p> </center> </body> </html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo!
Ich nehme mal an dass es damit:
http://www.css4you.de/trickkiste/tr00012.html
gemacht worden ist. Der Nachteil ist aber der IE erkennt diese Eigenschaften nicht und stellt es eckig dar. Besser wäre eine Grafik einzusetzen.
Grüsse Malia
Beitrag zuletzt geändert: 17.7.2010 15:37:10 von malia -
wakestars schrieb:
Aber wie bekomme ich die Farbe #252525 dahinter und den Rand? Eventuell mit einer Grafik? Und wie mach ich das, das er auf meiner Webseite immer unten bleibt?
indem das Div das letzte ist vor EDIT: </BODY>
<html> <head> <title>Unbenannt</title> <style> #footer { background-color:#252525; color:#FAFAFA; font-size:10px; height:17px; margin:25px auto 5px; padding:3px 0; text-align:center; width:990px; -moz-border-radius:7px 7px 7px 7px; } #footer a { color:#FAFAFA; font-family:arial,sans-serif; line-height:17px; } </style> </head> <body> <div id="footer" > blub| <a rel="nofollow" href="#" >blub</a> | <a rel="nofollow" href="#">blub</a> | <a rel="nofollow" href="#">undnochnblub</a> <br class="clear"/> </div> </body> </html>
edit: schaff Dir firefox & das addon firebug an, obiger code ist 1:1 das was auf Deiner Beispielseite für das div definiert ist..
beachte das nur in Firefox die Ecken Rund sind
wakestars schrieb:
Den Footer findet ihr bei designnation.de. Nein, ich werde die Urheberrechte nicht verstoßen, da ehh fast jeder Footer gleich ist.
ansichtssache
Beitrag zuletzt geändert: 17.7.2010 16:09:33 von simuliertes -
Danke Top ;),
aber wenn ich es auf meiner Webseite www.Rönix.de lade, haut es mir das in die Mitte nicht unten hin? -
wakestars schrieb:
Danke Top ;),
aber wenn ich es auf meiner Webseite www.Rönix.de lade, haut es mir das in die Mitte nicht unten hin?
gegenfrqage: wieviel ahnung hast du von html?
weisst du welche funktion <head> und <body> haben?
simuliertes schrieb:
indem das Div das letzte ist vor </head>
da meinte ich eigentlich "indem das Div das letzte ist vor </body>", habe mich verschrieben... -
Ahh ok, aber der Code gehört in die Datei Footer.inc.php, aber trotzdem alles durcheinander?
Hier die footer.inc.php
<html> <head> <title>Footer</title> <style> #footer { background-color:#252525; color:#FAFAFA; font-size:10px; height:17px; margin:25px auto 5px; padding:3px 0; text-align:center; width:990px; -moz-border-radius:7px 7px 7px 7px; } #footer a { color:#FAFAFA; font-family:arial,sans-serif; line-height:17px; } </style> </head> <body> <div id="footer" > Copyright by Domain | <a href="#">Hilfe</a> | <a href="#">Support</a> | <a href="#">Impressum</a> <br class="clear"/> </div> </body> </html>
Beitrag zuletzt geändert: 17.7.2010 17:44:36 von wakestars -
wakestars schrieb:
Ahh ok, aber der Code gehört in die Datei Footer.inc.php, aber trotzdem alles durcheinander?
Hier die footer.inc.php
Ähm, was machst Du denn da überhaupt für einen Quatsch? Willst Du die Fußleiste immer wieder einbinden auf jeder Seite? Dann geht das was Du hier betreibst nur gegen den Baum, glaub ich ...
Und wie "alles durcheinander"? Mußt schon selber gucken daß Du in Deinem Code Ordnung hällst - das machen wir nicht für Dich
Vielleicht solltest Du doch mal anfangen, irgendwie von klein auf die Grundzüge zu lernen, und nicht so quer reinballern. -
Hier wäre ein gutes tutorial was Du Dir mal durchlesen könntest.
ansonsten verweise ich immer gerne auf selfhtml:
http://de.selfhtml.org/html/index.htm -für html
und
http://de.selfhtml.org/css/index.htm -für stylesheets (css)
Jedenfalls nach lektüre meines ersten Links ,solle Dir einiges klar sein (hoffe ich)
Beitrag zuletzt geändert: 17.7.2010 18:26:17 von simuliertes -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage