Kundeninformationen im Footer mit 4 Spalten darstellen

[N2106]

Hallo!
Sorry, ich stelle mich wirklich blöd an, aber ich kapiere nicht wie es genau geht:
Ich würde gerne im footer Kundeninformationen wie auf dem beigefügten Bild darstellen, also 4 spalten mit je 4 Links und dazu 2 Überschriften.
Wenn ich es versuche umzusetzen, dann erscheint alles wie auf dem zweiten beigefügten Bild, also alle Links untereinander.
Ich habe folgendes in der index.html eingefügt:

Code: PHP  [Auswählen]

<p class="footer">
<div class="boxfooter">
<h3>Kundeninfo</h3>
<p><a href="http://www.testshop.de/druckverfahren">Druckverfahren<br />
  </a><a href="http://www.testshop.de/pflegehinweise">Pflegehinweise<br />
  </a><a href="http://www.testshop.de/contacts">Kontakt<br />
  </a><a href="http://www.testshop.de/mengenrabatt">Mengenrabatt<br />
  </a><a href="http://www.testshop.de/versandkosten">Versandkosten<br />
  </a><a href="http://www.testshop.de/lieferbedingungen">Lieferbedingungen<br />
  </a><a href="http://www.testshop.de/zahlungsbedingungen">Zahlungsbedingungen<br />
  </a><a href="http://www.testshop.de/widerrufsrecht">Widerrufsrecht<br />
  </a><a href="http://www.testshop.de/datenschutz">Datenschutz<br />
  </a><a href="http://www.testshop.de/agb">AGB<br />
  </a><a href="http://www.testshop.de/faq">FAQ</a></p>
<h3>Zahlungsarten</h3>
<a href="http://www.testshop.de/sofortueberweisung">Sofort Ueberweisung<br />
</a><a href="http://www.testshop.de/vorkasse">Vorkasse<br />
</a><a href="http://www.testshop.de/nachname">Nachname</a></div>
</p>
 

in der stylesheet.css habe ich folgendes stehen:

Code: CSS  [Auswählen]

/* FOOTER */
.boxfooter {
        font-size:13px;
        color:#fff;
}
.footer {
        clear:both;
        text-align:center;
        font-size:11px;
        color:#666;
        padding: 8px;
        margin-bottom:5px;
        border-bottom:2px solid #ccc;
}
.footer a {
        color:#666;
        text-decoration:underline;
}

wobei das totales Blödsinn ist, denn die Farbe der Links wird ja hier übernommen:

}
a:link {
        color:#87A718;
}
a:visited {
        color:#87A718;
}
a:hover, a:active {
        color:#87A718;
}
a:hover {
        color:#333333;
        text-decoration:underline;
}
 

Hoffentlich kann mir jemand helfen, auch wenn ich so dumme Fragen stelle:)

  [ Für Gäste sind keine Dateianhänge sichtbar ] [ Für Gäste sind keine Dateianhänge sichtbar ]



Linkback: https://www.modified-shop.org/forum/index.php?topic=4790.0

[jannemann]

Hi,

die Box muss noch ein float bekommen. Versuch es mal mit "float:left".

Schöne Grüße,
Jan

[Tomcraft]

Und benutze bitte beim nächsten Mal die Code-Buttons (PHP, CSS), damit der Code leserlich wird.

Grüße

Torsten

[N2106]

Danke für die schnelle Reaktion!
Mit"float:left" haut das nicht hin, aber ich habe auch festgestellt, dass der ganze Code von mir falsch ist. Ich definiere sämtliche Links aus dem Footer in der index.html, sobald ich eine andere Sprache im Shop auswähle bleiben ja die Links auf deutsch. Das heisst ich müsste den Inhalt des footers irgendwo anders definieren und die Links in der jeweiligen Sprachdatei benennen, richtig?
Könnt ihr mir da bitte behilflich sein, ich schaffe das nicht alleine.

[Tomcraft]

Was du machen willst ist doch eigentlich, dass du die {$box_CONTENT} und {$box_INFORMATION} in den Footer setzen willst. Dann bleiben dir auch die Sprachen erhalten.

Grüße

Torsten

[HennryGale]

Was du machen willst ist doch eigentlich, dass du die {$box_CONTENT} und {$box_INFORMATION} in den Footer setzen willst. Dann bleiben dir auch die Sprachen erhalten.

Grüße

Torsten

Genau DAS wollte ich heute machen.

Leider schaff ich es nur die Boxen in den Footer zu bekommen. Jedoch will ich es möglichst so machen, dass die Links recht klein, nacheinander im Footer stehen. (Ungefähr so wie bei titus.de)

ich hab schon versucht die styles zu ändern, aber selbst wenn ich ohne es ohne CSS mache, sind die Boxen noch in Tabellenform dargestellt. WIe bekomme ich das weg, so dass sie schön in einer Reihe stehen??

Hier das Beispielbild (linke Box ist komplett ohne CSS)

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[Benny]

Schau dir mal dazu die "content.php" und "information.php" in dem Ordner "template/dein_template/source/boxes/".

[HennryGale]

okay danke.

Habe es hin bekommen: Man muss einfach in den von Benny genannten Dateien die "$content_string" Befehle anpassen. Teilweise auskommentieren und zwischendurch das <li> ganz raus löschen.

Ist das eigentlich abmahnsicher, wenn man die Sachen so im Footer platziert? Bin gerade auch am überlegen, ob so 'ne Box nicht doch sinnvoll ist, da man manchmal ja schon nach Versandkosten schauen will...

[Tomcraft]

Solange die Links von jeder Seite aus erreichbar sind und nicht nur von der Startseite, solltest du keine Probleme bekommen.

P.S.: Das Löschen der <li> Listenelemente ist nicht notwendig, wenn du Klassen definierst und das in der stylesheet.css entsprechend formatierst.

Könnte dann so aussehen wie hier: Wie bekomme ich die Hauptnavigation in den Footer?

Grüße

Torsten