kostenloser Webspace werbefrei: lima-city


Webdesign Footer

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    w*******s

    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">
     	
       	&#169; 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>


  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. malia

    Moderator Kostenloser Webspace von malia

    malia hat kostenlosen Webspace.

    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
  4. 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
  5. Autor dieses Themas

    w*******s

    Danke Top ;),

    aber wenn ich es auf meiner Webseite www.Rönix.de lade, haut es mir das in die Mitte nicht unten hin?
  6. 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...
  7. Autor dieses Themas

    w*******s

    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
  8. sonok

    Moderator Kostenloser Webspace von sonok

    sonok hat kostenlosen Webspace.

    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 :confused:

    Vielleicht solltest Du doch mal anfangen, irgendwie von klein auf die Grundzüge zu lernen, und nicht so quer reinballern. :smokin:
  9. 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
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!