Suche im Forum:
Suchen


Autor Nachricht
Beitrag15.11.2012 um 19:58 (UTC)    
Titel: Drop Down Menü

Hallo,

ich hoffe hier kann mir jemand helfen.
Mein Menü soll wie auf folgender Seite ausklappen. http://www.rolandgarros.com/en_FR/index.html
Wie mache ich das ?


CSS Code ohne Style Tags:

/* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px; }

/* Werbung positioniert */
table[height="102"] {
position: absolute;fixed;
left: 50%;
top: 8px;
margin-left: -255px; }

/* Hintergrund hinter Design */
body {
background-color: #eeeeee;
background-image: url(http://img.webme.com/pic/f/fairplay-open/test2.jpg);
font-family: arial;
font-size: 14px;
color: #000000; }

/* Design-Container */
#container {
width: 1000px;
background-color: ;
background-image: ;
margin: 10px auto;
overflow: hidden; }

/* Headerfeld für Logo 269 x 269 */
#header_container {
width: 140px;
height: 130px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/f/fairplay-open/tcg_logo.jpg);
border: 0px solid #c9c9c9; }

/* Titel im Headerfeld entfernt */
h1#header {display: none; }

/* Feld der Navigation */
#nav_container {
width: 1000px;
height: 40px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #c9c9c9; }

/* Titel über Navigation entfernt */
#nav_heading {display: none; }

/* Aufzählungspunkte in Navi entfernt */
ul#nav {
list-style-type: none; }


/* Navi-Buttons */
li.nav_element {
width: 120px;
height: 40px;
float: left;
text-align: center;
border-right: 1px solid #c9c9c9;
background-color: #FFFFFF;
background-image: url(); }

/* Hover Navi-Button */
li.nav_element:hover { background-color: #ff0000; }

/* Linktexte in Navigation */
li.nav_element a {
display: block;
font-size: 15px;
color: #000000;
line-height: 40px;
text-decoration: none; }

/* Hover Linktexte Navigation */
li.nav_element a:hover { color: #FFFFFF; }

/* Zweites Headerfeld */
#pre_content {
width: 998px;
height: 178px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/f/fairplay-open/head3.jpg);
border: 0px solid #c9c9c9; }

/* Seiteninhalt rechts platziert */
#content {
float:right;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: url(h);
border: 1px solid #c9c9c9;
overflow: hidden; }

/* Titel Seiteninhalt + Titel über Box */
h2#title , #sidebar_heading {
padding: 5px 0px 5px 20px;
margin: -20px -20px 15px -20px;
background-color: #ff0000;
color: #000000;
font-size: 14px;
font-weight: normal; }

/* Link im Seiteninhalt */
#content a {color: #000080; }

/* Hover Link im Seiteninhalt */
#content a:hover {color: #008080; }

/* Rechte Box links platziert */
#sidebar_container {
float: left;
width: 250px;
min-height: 457px;
padding: 00px 00px 00px 00px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/f/fairplay-open/links1.jpg);
border: 1px solid #c9c9c9;
overflow: hidden; }

/* Liste in rechter Box */
#sidebar_content ul {
list-style-type: square;
margin: 15px 0px 15px 25px; }

/* Linktexte in Box */
#sidebar_content ul li a {
color: #000000;
font-size: 14px;
text-decoration: none; }

/* Hover Linktexte Box */
#sidebar_content ul li a:hover { color: chocolate; }

/* Feld unter dem Design */
#footer {
width: 920px;
padding: 20px 20px 20px 20px;
margin: auto;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #c9c9c9; }

/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
Beitrag16.11.2012 um 11:39 (UTC)    
Titel:

Dies wäre auch meine frage, wie könnte man aus dieser Navigation ein Drop Down Menü machen?. Ich habe zwar eine Navigation, wo dies geht, leider sieht sie aber auf jedem anderen PC, wo eine verschiedene Bildschirmauflösung hat, anders aus. Dies stört mich dann, wenn es nicht so aussieht, wie ich es bearbeitet habe. Hat jemand evtl in diesem Thema ein Hinweis, wie man diese eigentliche Navigation, wo zu diesem Design gehört, ein Drop Down Menü machen kann. Ich wäre über jede Antwort sehr Dankbar.
Beitrag16.11.2012 um 13:54 (UTC)    
Titel:

Hallo,

versuche es mal hiermit:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=138444

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag16.11.2012 um 19:22 (UTC)    
Titel:

klappt.....besten dank
Beitrag16.11.2012 um 19:29 (UTC)    
Titel:

wobei eine Frage hab ich dazu noch Smile

wie bekomme ich die Punkte vor den Unterseiten weg ?
Beitrag16.11.2012 um 19:51 (UTC)    
Titel:

Hey Ho,

Code:
li.nav_element {
    background-color: #FFFFFF;
    background-image: url("");
    border-right: 1px solid #C9C9C9;
    float: left;
    height: 40px;
    text-align: center;
    width: 120px;
}


Du muss hier noch list-style: none outside none; einfügen.
Dann sind die Punkte weg Wink
______________
mfg SEO


Zuletzt bearbeitet von seo-suchmaschinenoptimierung am 16.11.2012, 20:52, insgesamt einmal bearbeitet
Beitrag16.11.2012 um 20:12 (UTC)    
Titel:

danke...klappt ohne Probleme Smile
Beitrag16.11.2012 um 20:34 (UTC)    
Titel:

Perfekt Wink

Damit ist das Thema sicherlich durch.
Arrow *closed*
______________
mfg SEO
Beiträge der letzten Zeit anzeigen:   


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