[ERLEDIGT] Spalten - unteres Menu erstellen

[sebastiiaan]

Hallo miteinander

Ich habe eine kleine Frage: Ich möchte gerne am unteren Ende der Seite die Links zu den jeweiligen Menus einfügen. Aussehen sollte das, dass pro Menüpunkt eine Spalte erstellt wird.

Mein Code sieht folgendermassen aus:

</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="footer">
<div id="footercontainer">

<ul><li><a href="http://www.molecuisine.ch/1/index.html">Kompetenzzentrum molecuisine.ch</a></li>
<li><a href="http://www.molecuisine.ch/stiftung-molecuisine/index.html">Stiftung molecuisine</a></li>
<li><a href="http://www.molecuisine.ch/foerderkreis/index.html">F&ouml;rderKreis</a></li>
<li><a href="http://www.molecuisine.ch/2/index.html">Weiterbildungs-<br>studiengang Molekulare K&uuml;che</a>

<ul><li><a href="http://www.molecuisine.ch/2/grundmodul/index.html">Grundmodul</a></li>
<li><a href="http://www.molecuisine.ch/2/vertiefungsmodul-1/index.html">Vertiefungsmodul 1</a></li>
<li><a href="http://www.molecuisine.ch/2/vertiefungsmodul-2/index.html">Vertiefungsmodul 2</a></li></ul></li>

<li><a href="http://www.molecuisine.ch/aktuelles-zum-thema/index.html">Aktuelles zum Thema</a></li>
<li><a href="http://www.molecuisine.ch/docs-infos/index.php">Dokumente und Informationen</a></li>
<li><a href="http://www.molecuisine.ch/akteure-im-netzwerk-molecuisinech/index.html">Akteure im Netzwerk molecuisine.ch</a></li></ul>

<div style="clear: both;"></div>
</div></div>
</body>
</html>

Beim Anschauen im Browser stelle ich aber fest, dass «Akteure im Netzwerk molecuisine.ch» sich unter «Aktuelles zum Thema» setzt. Was mache ich falsch und wie kann ich ändern, sodass «Aktuelles zum Thema» links neben «Dokumente und Informationen» steht?

Ich arbeite mit einem Weberstellungsprogramm (shop to date 7) und editiere die Page jeweils nach Upload manuell.

Im Bild sieht man die fehlerhafte Darstellung.
Ich danke euch für eure Hilfe.

Grüsse Sebastian

 

[MrMurphy]

Hallo,

deine Quellcodeschnipsel helfen leider überhaupt nicht weiter. Die Seite enthält Fehler und sieht so aus:

http://foreninfo.bplaced.net/seiten_fremdprobleme/2014_07_02_sebastijaan_01_spalten.html

Am Bild ist schon gar nicht zu erkennen was bei dir schief läuft.

Stelle die Seite bitte online, damit wir den vollständigen Quelltext inklusive CSS sehen können.

Gruss

MrMurphy

 

[sebastiiaan]

Hi, danke.
Doch im Bild ist ein Link unter dem anderen, obwohl sie alle in einer eigenen Spalte stehen sollten.
Hier die Page: http://molecuisine.ch/stiftung-molecuisine/index.html

Liebe Grüsse
Sebastian

 

[sebastiiaan]

Bringt das noch was?
Aus der CSS-Datei:



#footer {

width: 100%;

padding: 40px 0;

border-top: 1px solid #c0c0c0;

}



#footercontainer {

width: 980px;

margin: 0 auto;

}



#footercontainer ul {

list-style-type:none;

margin:0;

padding:0;

}



#footercontainer li {

display: block;

float: left;

width: 140px;

margin: 0 10px;

font-size: 14px;

}



#footercontainer li ul {

padding-top: 6px;

border-bottom: 1px solid #555555;

}



#footercontainer li li {

display: block;

float: none;

padding: 6px 0;

border-top: 1px solid #555555;

font-size: 11px;

margin: 0;

}





#footercontainer li a {

color: #cccccc;

text-decoration: none;

font-weight: normal;

}



#footercontainer li li a {

color: #aaaaaa;

}



#footercontainer li a:hover {

color: #ffffff;

}



#footercontainer p {

color: #aaaaaa;

margin: 0;

padding: 40px 40px 0 40px;

text-align: center;

font-size: 10px;

 

[MrMurphy]

Hallo,

alles klar. Das Problem ist deine Schulbildung, so Ende erste Anfang zweite Klasse - Thema Addition und einfache Multiplikation von ganzen Zahlen ;)

Das div "footercontainer" hat eine Breite von 980px.

Der Inhalt sind 7 mal 160px = 1120px. Das kann nicht gutgehen. Durch das "float left" ergibt sich dann die Anordnung wie bei dir.

Gruss

MrMurphy

 

[sebastiiaan]

Wunderbar! Genau so sieht es super aus! Vielen Dank MrMurphy :-)