Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.02.2009 um 16:02 (UTC)    
Titel: Links der Navigation positionieren?!

Hallo,

Welchen code brauche ich um die Links in den Buttons zu positionieren ,
also in der Navigation eines Css-Designs??
Beitrag21.02.2009 um 23:02 (UTC)    
Titel:

Hallo,

im Design "CSS" hat die Navigation folgende Klassen bekommen :
(hier mir Beispiel-Anweisungen)

Zitat:

/* Titel Navigation */
#nav_heading {
padding:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial;
text-align:center;
background-color:#000000;
border: 1px solid #FFFFFF;}

/* Feld Navigation */
#nav_container {
position: absolute;
left: 50%;
top: 140px;
margin-left: -485px;
width: 160px;
height: 400px;
padding:5px;
border: 1px solid #F2F2F2;
background-color:#343434;
overflow:auto;}

/* Auflistung Navi-Links */
ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element {
list-style-type: none;
position: relative;
padding-left:10px;
padding-top:5px;
width: 140px;
text-align: left;
border:0px solid #000000;}

/* Navigation Textlinks & Buttons */
li.nav_element a {
display: block;
width: 125px;
padding:5px;
color: #343434;
font-size:13px;
font-weight: bold;
font-family:arial;
text-decoration: none;
text-align: left;
background-color: #D9D9D9;
border: 1px solid #000000;}

/* Hover-Effekt Navi-Buttons */
li.nav_element a:hover {
color:#FFFFFF;
background-color: #800000;}



Wenn Du die Text-Links im Navi-Button meinst, die Abstände z.B. nach oben,
links oder unten innerhalb des Buttons, das kannst du mit padding in der Klasse li.nav_element a machen.

Du kannst auch verwenden :
- padding-top: = Abstand nach oben
- padding-left: = Abstand nach Linker Seite

Wenn du den Abstand der Buttons im Navi-Feld meinst , wäre das in
der Klasse li.nav_element , mit margin-top: / margin-bottom: möglich


Gruß Wolle


Zuletzt bearbeitet von bmw-freunde-nf am 22.02.2009, 00:08, insgesamt 2-mal bearbeitet
Beitrag22.02.2009 um 14:07 (UTC)    
Titel:

Vielen Dank , das hilft mir sehr!
Beiträge der letzten Zeit anzeigen:   


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