Suche im Forum:
Suchen


Autor Nachricht
Beitrag15.01.2011 um 18:42 (UTC)    
Titel: CSS: Links in Navigatin zentral

Hallo,

da ich in der Suche nicht fündig geworden bin, hoffe ich, dass mir hier jemand weiterhelfen kann: Ich bin gerade dabei, mir ein neues Design zu erstellen. Hat schon alles (relativ) gut geklappt- bis auf meine Navigation. Ich möchte nämlich, dass die Links in der Navi nicht wie zur Zeit link, sondern zentral (mittig) angezeigt werden. Hoffe, mir kann jemand helfen. Danke.
Beitrag15.01.2011 um 18:46 (UTC)    
Titel:

Hey,

Das geht mit den Befehl "center"
aber schreib mal dein CSS-Code rein ;D

Gruß
Camiyo
______________
Wenn ihr mich unterstützen wollt, würde ich mich freuen wenn ihr für mich (techmec.de) auf http://www.selbstaendig-im-netz.de/2011/05/23/blog-coaching/abstimmung-zum-blog-coaching/ abstimmt, einfach den Haken vor "Techmec.de" setzten und auf "Vote" klicken, würde mich sehr freuen!!
Beitrag17.01.2011 um 18:28 (UTC)    
Titel:

Code:
h1#title, h2#title span, div.header
{
display: none;
}

li.nav_element
{
list-style-type: none;
}

body
{
background-image:url(http://img191.imageshack.us/img191/6022/hintq.jpg);
}
a, a:hover, a:link, a:active, a:visited
{
color:#000080;
font-size: 15px;
text-decoration:
none;
}

i.nav_element a
{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 20px;
background-image:url();
background-color:#FDC600;
}

li.nav_element a:hover
{
color:#000000;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 20px;
background-image:url();
background-color:#F3EA8F}
* { padding: 0; margin: 0;
}

img { border:none }

#Testdesign2 {
margin: 0 auto;
width: 910px;}

#Header_oben {
color: #333;
width: 910px;
height: 240px;
float: left;
padding: 0px;
border: 0;
margin: 0px 0px 0px 0px;
background-image: url(http://s13.directupload.net/images/110115/42nq5b7u.jpg);}

#content {
background-image:url(http://s10.directupload.net/images/100607/fnf8722i.jpg);
color: #333;
border: 0;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 442px;
width: 584px;
float: left;
overflow:auto;}

#nav_container {
float: left;
color: #333;
border: 0;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 500px;
width: 210px;
display: inline;
background-image: url(http://s3.directupload.net/images/110115/zhcuv8fq.jpg);
}

#Streifen_unten {
width: 910px;
height: 113px;
clear: both;
color: #333;
border: 0;
background: #66FF00;
margin: 0px 0px 10px 0px;
padding: 0px;}


Wie bereits erwähnt, ist mein neues Design noch in der Anfangsphase und noch nicht fertiggestellt. Wink
Beitrag17.01.2011 um 20:14 (UTC)    
Titel:

Versuch mal vor der Navischrift ein
Code:
center
und nach der Schrift ein
Code:
/center

______________
Beitrag18.01.2011 um 15:38 (UTC)    
Titel:

Es hat geklappt! Habe folgenden Code bei #nav_container eingefügt:
Code:
text-align: center;


Zuletzt bearbeitet von martin-tiere-test am 18.01.2011, 16:49, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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