Autor |
Nachricht |
-
jsg-altenhasslau-eidengesaess
|
09.01.2013 um 09:47 (UTC) Titel: Footer im Clean Design |
|
|
Hallo zusammen,
habe eine Frage zur Umsetzung meiner Footer-Zeile im neuen Clean-Design.
Habt Ihr einen Tipp, wie ich den Code ändern muss, wenn ich einige Links in der Zeile setzen möchte z.B. zum Impressum?
Hier folgend habe ich den aktuellen Code und einen betreffenden Link aufgeführt.
Für Eure Hilfe danke ich im Voraus.
#footer {
width: 958px;
padding: 20px 20px 0px 20px;
margin: auto;
background-color: #6b6b6b;
background-image: url();
border: 1px solid #ffffff; }
http://www.jsg-altenhasslau-eidengesäss.de/Impressum.htm |
|
↑
|
|
|
|
09.01.2013 um 11:02 (UTC) Titel: |
|
|
wenn du das gemacht hast (beide sachen):
http://clean-test.de.tl/Footer.htm
kommt es zum beispiel so rein:
Code: <a href="http://6p-iceblue.de.tl">Meine Seite</a>|
<a href="http://6p-iceblue.de.tl">Meine Seite</a>|
<a href="http://6p-iceblue.de.tl">Meine Seite</a>|
das kommt dann in den teil bei text unter dem design. das vordere ist die seite das danach der sichtbare text.
gruss gringo
tip: wenn du den inhalt des footers in die divbox machst:
Code: <div id="new_footer">
Hier deinen Inhalt einfügen
</div>
schreibst du <center> davor. dann sind die sachen ( oder halt verlinkungen) mittig.
also so:
Zitat: <center>
<div id="new_footer">
Hier deinen Inhalt einfügen
</div>
Zuletzt bearbeitet von 6p-iceblue am 09.01.2013, 12:40, insgesamt 6-mal bearbeitet
|
|
↑
|
|
|
-
jsg-altenhasslau-eidengesaess
|
09.01.2013 um 12:52 (UTC) Titel: |
|
|
Besten Dank für die erstklassige Hilfe.
Zwei Fragen habe ich noch hierzu. Wie bekomme ich den Footer bündig an die eigentliche "Hauptseite" rangerückt? Und, wie bekomme ich die Schriftart, Schriftgröße und Farbe dort geändert?
Grüße
Markus
6p-iceblue hat Folgendes geschrieben: Code: <a href="http://6p-iceblue.de.tl">Meine Seite</a>|
<a href="http://6p-iceblue.de.tl">Meine Seite</a>|
<a href="http://6p-iceblue.de.tl">Meine Seite</a>|
das kommt dann in den teil bei text unter dem design. das vordere ist die seite das danach der sichtbare text.
gruss gringo
tip: wenn du den inhalt des footers in die divbox machst:
Code: <div id="new_footer">
Hier deinen Inhalt einfügen
</div>
schreibst du <center> davor. dann sind die sachen ( oder halt verlinkungen) mittig.
also so:
Zitat: <center>
<div id="new_footer">
Hier deinen Inhalt einfügen
</div>
sieht dann so aus wie bei mir: http://6p-test.de.tl/ |
|
↑
|
|
|
-
jsg-altenhasslau-eidengesaess
|
09.01.2013 um 13:28 (UTC) Titel: |
|
|
Mit der Ausrichtung bin ich klargekommen, war ein Fehler meinerseits.
Allerdings die Schriftart, allgemein die Schriftdetails sind mir noch nicht klar. Habt Ihr einen Tipp für mich?
Wäre super! |
|
↑
|
|
|
|
09.01.2013 um 17:11 (UTC) Titel: |
|
|
tip: besser wäre es, wenn du die schriften im code schon definierst. ich habe das drin und damit hab ich im footer die gleiche schrift wie im textfeld (lauter verschiedene größen der schrift im content ist eh nicht ratsam, grösse und farbe kannst du ja anpassen):
Code: /* Schriftgroesse + Schriftart + Textfarbe */
div, td, span {
color: #000000;
font-size: 12px;
font-family: arial, verdana; }
/* Linkgroesse + Schriftart + Linkfarben */
div a, td a {
color: #330000;
font-size: 12px;
font-family: arial, verdana;
text-decoration: underline; }
/* Linkfarben HOVER */
div a:hover, td a:hover {
color: #330000;
font-size: 12px;
font-family: arial, verdana;
text-decoration: underline; }
Zuletzt bearbeitet von 6p-iceblue am 09.01.2013, 19:03, insgesamt 4-mal bearbeitet
|
|
↑
|
|
|
-
jsg-altenhasslau-eidengesaess
|
09.01.2013 um 22:48 (UTC) Titel: |
|
|
auch hierfür besten Dank!
Durch Deine Hilfe bin ich zu einer guten Lösung gekommen.
Thanx!
6p-iceblue hat Folgendes geschrieben: tip: besser wäre es, wenn du die schriften im code schon definierst. ich habe das drin und damit hab ich im footer die gleiche schrift wie im textfeld (lauter verschiedene größen der schrift im content ist eh nicht ratsam, grösse und farbe kannst du ja anpassen):
Code: /* Schriftgroesse + Schriftart + Textfarbe */
div, td, span {
color: #000000;
font-size: 12px;
font-family: arial, verdana; }
/* Linkgroesse + Schriftart + Linkfarben */
div a, td a {
color: #330000;
font-size: 12px;
font-family: arial, verdana;
text-decoration: underline; }
/* Linkfarben HOVER */
div a:hover, td a:hover {
color: #330000;
font-size: 12px;
font-family: arial, verdana;
text-decoration: underline; }
schau selbst: http://6p-test.de.tl/
gruss gringo |
|
↑
|
|
|
|
|
↑
|
|
|
-
jsg-altenhasslau-eidengesaess
|
10.01.2013 um 10:48 (UTC) Titel: |
|
|
...Du hast völlig Recht.
Wie gesagt, besten Dank für Deine Unterstützung, Du warst eine sehr große Hilfe.
Grüße
Markus
6p-iceblue hat Folgendes geschrieben: tip: unten bei den links gibst du noch ein leerzeichen ein, also vor |
mit leerzeichen kannst du im footer nämlich abstände machen. sie bei mir:
http://6p-test.de.tl/
dann klebt die schrift nicht an dem strich.
gruss gringo |
|
↑
|
|
|
|
|
↑
|
|
|
-
jsg-altenhasslau-eidengesaess
|
25.02.2013 um 13:14 (UTC) Titel: |
|
|
Hallo zusammen,
aus bisher unerfindlichen Gründen sitzt mein Footer nicht mehr parallel zu meiner Hauptseite.
Hat jemand eine idee woran es liegen könnte und vor allem einen Lösungsvorschlag?
Besten Dank im Voraus. |
|
↑
|
|
|
-
floorball-tetenbuell
Wohnort: Tetenbüll
|
25.02.2013 um 13:49 (UTC) Titel: |
|
|
Hey,
aus deinem Quellcode:
Code:
/* Aussehen Footer */
#new_footer {
width: 970px;
min-height: 15px;
padding: 15px;
margin-left: 24px;
overflow: hidden;
border: 1px solid #c9c9c9;
background-color: #ffffff;
box-shadow: 1px 0px 5px 1px #777777;
}
Das margin-left solltest du vielleicht auf 0 einstellen.
Grüße
P.S.: Das mit der Slideshow funktioniert? ______________ Floorball is life, the rest is just detail!
|
|
↑
|
|
|
-
jsg-altenhasslau-eidengesaess
|
26.02.2013 um 14:25 (UTC) Titel: |
|
|
floorball-tetenbuell hat Folgendes geschrieben: Hey,
aus deinem Quellcode:
Code:
/* Aussehen Footer */
#new_footer {
width: 970px;
min-height: 15px;
padding: 15px;
margin-left: 24px;
overflow: hidden;
border: 1px solid #c9c9c9;
background-color: #ffffff;
box-shadow: 1px 0px 5px 1px #777777;
}
Das margin-left solltest du vielleicht auf 0 einstellen.
Grüße
P.S.: Das mit der Slideshow funktioniert?
Hallo,
und besten Dank für Deine Hilfe und Nachfrage.
Bei der Slideshow könntest Du bei Gelegenheit noch einmal meine letzte PN ansehen, welche ich Dir gestern Abend gesendet habe.
Merci für die tolle Unterstützung. |
|
↑
|
|
|
-
jsg-altenhasslau-eidengesaess
|
28.02.2013 um 07:13 (UTC) Titel: |
|
|
Hallo Forum,
kann es sein, dass es bei unterschiedlichen Explorer-Versionen auch unterschiedliche Ausrichtungen des Footer geben kann?
In meinem Fall ist es so, während auf meinem Büro-Rechner der Footer mittig direkt unter der Hauptseite sitzt, ist der Footer bei meinem Heimrechner links bündig am Rand und damit versetzt zum oberen großen Teil.
Woran könnte das liegen und wie seht Ihr denn die tatsächliche Darstellung auf meiner Seite?
Grüße |
|
↑
|
|
|
|