Autor |
Nachricht |
Flyerpost
Threadersteller
Dabei seit: 21.11.2010
Ort: Brackenheim
Alter: 38
Geschlecht:
|
Verfasst Do 27.01.2011 17:55
Titel Navigation mit JQuerry Ausrichtung |
|
|
Hallo, ich habe ein kleines Problem, bin eigentlich relativ weit gekommen aber ich denke, dass es relativ einfach zu lösen ist, ich komme nur nicht drauf.
Es geht um Navigationsmenüs. Diese öffnen sich nun immer so, dass sie nach links angezeigt werden, als Beispiel folgendes Bild:
Ich möchte nun bspw. das die jetzige Navigation nach rechts auf geht. Ich hoffe ihr versteht wie ich das meine. Das der Hauptteil quasi nach links in den Content angezeigt wird. Das ist der CSS Code:
Code: |
.menu_class2 {
border:0px
}
.the_menu2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6;
color: #FFF;
display:none;
width:565px;
height:280px;
background-image:url(images/unsere-produkte-hintergrund.png);
background-repeat:no-repeat;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
|
Der meiner Meinung nach für die Anzeige relevant ist. Wäre echt super wenn mir jmd. helfen könnte, ich stehe gerade total auf dem Schlauch!
Zuletzt bearbeitet von Flyerpost am Do 27.01.2011 17:57, insgesamt 2-mal bearbeitet
|
|
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Do 27.01.2011 18:33
Titel
|
|
|
Irgendwie verstehe ich - auch nach 5 mal lesen - nicht was du meinst.
Mach doch in PS mal eine Grafik wie du gerne die Navigationen positioniert haben willst.
|
|
|
|
|
Anzeige
|
|
|
Flyerpost
Threadersteller
Dabei seit: 21.11.2010
Ort: Brackenheim
Alter: 38
Geschlecht:
|
Verfasst Do 27.01.2011 18:34
Titel
|
|
|
Okay moment!
|
|
|
|
|
Flyerpost
Threadersteller
Dabei seit: 21.11.2010
Ort: Brackenheim
Alter: 38
Geschlecht:
|
Verfasst Do 27.01.2011 18:37
Titel
|
|
|
Ich hoffe so ist es verständlicher!
|
|
|
|
|
Kipperlenny
Dabei seit: 20.05.2010
Ort: Preetz
Alter: 38
Geschlecht:
|
Verfasst Do 27.01.2011 19:10
Titel
|
|
|
Das CSS was du gepostet hast reicht nicht, da sieht man nicht die Positionierung.
|
|
|
|
|
Flyerpost
Threadersteller
Dabei seit: 21.11.2010
Ort: Brackenheim
Alter: 38
Geschlecht:
|
Verfasst Do 27.01.2011 20:25
Titel
|
|
|
Hier ist das komplette CSS:
Code: | body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6;
background-color: #FFFFFF;
background-image:url(images/hintergrund.jpg);
background-repeat:no-repeat;
margin: 0px;
}
#container {
margin: auto;
width: 960px;
margin-top: 15px;
clear: both;
}
#header {
background-repeat: no-repeat;
height: 75px;
width: 960px;
}
#navigation-unsere-produkte {
height: 48px;
width: 200px;
margin-top: 30px;
float: left;
margin-left: 10px;
}
#navigation-unsere-referenzen {
height: 48px;
width: 200px;
margin-top: 30px;
float:right;
margin-right: 10px;
}
#navigation-promoter-basis {
height: 48px;
width: 200px;
margin-top: 30px;
float:right;
margin-left: 30px;
margin-right: 40px;
}
#navigation-das-unternehmen {
height: 48px;
width: 200px;
margin-top: 30px;
float:right;
margin-left: 40px;
margin-right: 30px;
}
#content {
height: auto;
width: 940px;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 95px;
}
#footer {
height: 120px;
width: 100%;
position: absolute;
bottom: 0px;
background-color: #1a1a1a;
}
#footer-details {
height: 85px;
width: 940px;
margin: auto;
padding: 10px;
color: #666;
font-size:12px;
padding-top: 25px;
}
ul, li {
margin-top:20px;
padding:0;
list-style:none;
}
.menu_class {
border:0px
}
.the_menu {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6;
color: #FFF;
display:none;
width:565px;
height:280px;
background-image:url(images/unsere-produkte-hintergrund.png);
background-repeat:no-repeat;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.menu_class2 {
border:0px
}
.the_menu2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6;
color: #FFF;
display:none;
width:565px;
height:280px;
background-image:url(images/unsere-produkte-hintergrund.png);
background-repeat:no-repeat;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.menu_class3 {
border:0px
}
.the_menu3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6;
color: #FFF;
display:none;
width:565px;
height:280px;
background-image:url(images/unsere-produkte-hintergrund.png);
background-repeat:no-repeat;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.menu_class4 {
border:0px
}
.the_menu4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6;
color: #FFF;
display:none;
width:565px;
height:280px;
background-image:url(images/unsere-produkte-hintergrund.png);
background-repeat:no-repeat;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
|
|
|
|
|
|
Kipperlenny
Dabei seit: 20.05.2010
Ort: Preetz
Alter: 38
Geschlecht:
|
Verfasst Do 27.01.2011 21:57
Titel
|
|
|
ich mache sowas immer mit trial and error - da ich jetzt nicht an deiner seite sitze kann ich nur hilfreiche tipps geben
Flyerpost hat geschrieben: |
Code: |
ul, li {
margin-top:20px;
padding:0;
list-style:none;
}
|
|
Ich gehe mal davon aus, dass das Untermenu in einer Liste ist, dann sollte man mal versuchen die "li" anders zu positionieren (margin-left:-200px;).
Aber wie gesagt, ohne die Seite nicht leicht.
Ist das ganze ein jquery menu? dann gibt es vielleicht sogar eine option für die richtung!
|
|
|
|
|
Flyerpost
Threadersteller
Dabei seit: 21.11.2010
Ort: Brackenheim
Alter: 38
Geschlecht:
|
Verfasst Do 27.01.2011 22:47
Titel
|
|
|
Wenn ich das aber veränder also den CSS Punkt, dann verändert der doch in dem Moment alle 4 Boxen oder?
Ich bin am verzweifeln, normal komme ich immer bei allem auf eine logische Lösung, aber ich raffe es gerade nicht und so lassen kann ich es nicht, da die Seite sonst gut 1550px breit ist...
Und die Menüpunkte in der Mitte möchte ich eben zentriert anzeigen lassen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS-Ausrichtung?
CSS Float und Ausrichtung
Problem mit CSS (Ausrichtung)
Ausrichtung von swf dateien
[CSS] Ausrichtung in Container!?
Browserunabhängige Ausrichtung von DIV`s
|
|