Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.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
Beitrag09.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
Beitrag09.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:
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>


sieht dann so aus wie bei mir: http://6p-test.de.tl/
Beitrag09.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!
Beitrag09.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
Beitrag09.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
Beitrag10.01.2013 um 05:28 (UTC)    
Titel:

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
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag10.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
Beitrag10.01.2013 um 11:03 (UTC)    
Titel:

gern geschehen. ja, so passt es besser.

aber ich hab ja auch dazu gelernt. muss ja auch so einiges testen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 10.01.2013, 12:05, insgesamt einmal bearbeitet
Beitrag25.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.
Beitrag25.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. Wink
Grüße
P.S.: Das mit der Slideshow funktioniert?
______________
Floorball is life, the rest is just detail!
Beitrag26.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. Wink
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.
Beitrag28.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
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de