Menü auswahl

Detlef · 11. Januar 2007

So ich hoffe ich nerve euch nicht, bin jetzt ein bisschen am testen und komme nicht weiter, ich hoffe mal, ne ich denke, ihr könnt mir bestimmt auch helfen..

möchte folgendes machen.

Auf der rechten Seite eine Menü auswahl, Farbliche unterschiede so, wie hier es auf euerer Seite. Bekomme es leider nicht hin.

Also die Linkweiterleitung klappt, aber das Aussehen leider nicht so gut.

Habs versucht mit Tabellen, war vom aussehen schon nicht schlecht, aber mit den Farben, der einzelnen Tabellen geht es nicht.

Dann habe ich es über Liste versucht, das geht auch, aber bekomme keine Tabellen so wie ihr das auf der Semiarseite habt hin........ wollte ader gerne das es so in der Art aussieht...

Danke schon mal für Eure hilfe.....

Gruß Detlef

Foster · 11. Januar 2007

Ich hab auf meiner Homepage so eine ähnliche Steuerleiste. Am besten du schaust dir mal den Quellcode davon an!

... <a class="postlink" href="http://www.maps-und-models.de.vu">http://www.maps-und-models.de.vu</a>

Detlef · 12. Januar 2007

Hallo Foster,

ja so in der Art wie du es gemacht hast, habe ich es mir auch vorgestellt.

Wenn ich deinen Code auslesen und ihn in meinen Programm "Webocton" einfüge und Anzeigen lasse, habe ich oben in der Mitte

allgemeines home | news howto

produkte artwork maps models texturen

anderes links impressum forum

und da drunter ne Anzeige Seite kann nicht gefunden werden.......

und was nun *schiel

Gruß

Detlef

Foster · 12. Januar 2007

Lies dir ganz einfach den gesamten Code durch. Und vergiss die design.css Datei nicht! Da steht alles drinnen, was du brauchst und es ist der einfachste Weg (jedenfalls für alle anderen außer dir ;)). Außerdem lernst du so auch immer Dinge dazu, nach denen du eigentlich garnicht gesucht hast. Also immer schön Code lesen, Code verstehen und selbst probieren.

Detlef · 15. Januar 2007

Moin Foster,

hm, ja hab ich gesehen mit der Datei, nur wie komme ich an die Datei dran......Schiel .......bin wohl zu doof dafür *lach.....kannst du es mir erklären.....danke

Detlef

Foster · 15. Januar 2007

Einfach den Text rauskopieren

Detlef · 16. Januar 2007

Hallo Foster,

auch wenn du jetzt die Hände über den Kopf zusammen schlägst, schiel, deinen Quellcode kann ich auslesen ja, aber um den Vollkommen Seitenaufbau zu haben, bräuchte ich doch noch die design.css Datei. Richtig ? aber diese kann ich ja nicht runterladen oder ?

Hab glaube verstanden, das dort die Infos für den Seitenaufbau, beziehungsweise des Design abgelegt sind, hoffe ich mal...

wie gesagt, bin Einsteiger....schiel

Danke

Detlef

Detlef · 16. Januar 2007

Hallo Foster,

Also habe schon verstanden , das du dir in der CSS einen zb. Menücontainer gebaut hast, aber leider noch nicht verstanden, wie diese Box den Namen zugewiesen bekommt, wie bei dir der "menucontainer", so das man diesen nachher auf der Seite ansprechen kann....

Vielleicht weißt du jetzt um mein Problem.

Gruß Detlef

Foster · 17. Januar 2007

Also die URL der design.css ist <a class="postlink" href="http://foster116.fo.funpic.de/design.css">http://foster116.fo.funpic.de/design.css</a>
Da kannst du auch ganz einfachh den Text rauskopieren und in eine design.css Datei wieder einfügen.
Die Namensgebung verläuft folgendermaßen.
Es gibt eine ID und eine CLASS. IDs werden einmalig vergeben, CLASS lässt es zu, dass mehrere Elemente unter einem BEgriff zusammengefasst werden (ebend in einer Klasse). So kann man zB. Allen Divs, die man hat die Klasse CLASS=div geben und einem ganz speziellen Div (zB der Banner) die ID ID=banner.
Im Quellcode würde das dann folgendermaßen aussehen:

HTML-Datei:

Code

...
<div id="banner" class="div"><img src="bild.jpg" class="bild" /></div>
<div id="inhalt" class="div">So hier steht jetzt der Inhalt! <img src="smilie.jpg" class="emoticon" /></div>
...

CSS-Datei:

Code

...
.div
{
border: 1px solid #000000;
text-align: left;
}




#banner
{
width: 700px;
height: 140px;
}




.bild
{
border: 0px solid #000000;
width: 100px;
height: 100px;
}




#smilie
{
width: 10px;
height: 10px;
}
...

Alles anzeigen

In der CSS-Datei steht der . (Punkt) vor dem Elementnamen für eine Klasse = CLASS, und die # (Raute) für eine ID.

Detlef · 17. Januar 2007

Hallo Foster,

ja danke das hat mir gut weiter geholfen.....

Mit Auflistung (li) konnte ich mir da ein schönes Menü bauen...

Wo es noch scheitert, ist wenn ich mehrer Tabellen untereinander haben möchte, wo links den stehen. Das aussehen der Tabellen und das Verhalten der Links wollte ich in der CSS ablegen, das haut einfach nicht hin.....

Kannst du mir dabei helfen....wäre nett....danke

Detlef

Menü auswahl

Jetzt mitmachen!

Teilen