Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.12.2008 um 02:29 (UTC)    
Titel: CSS-Problem Verschiebung im Design

Hi
hier ist der Code:

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-color:#F2F2F2;}
a{color:#000080; font-size: 14px; text-decoration: none;}
a:hover {color: #000080; font-size: 14px; text-decoration: none;}
a:link {color: #000080; font-size: 14px; text-decoration: none;}
a:active {color: #000080; font-size: 14px; text-decoration: none;}
a:visited {color: #000080; font-size: 14px; text-decoration: none;}

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

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

* { padding: 0; margin: 0; }

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

#Header_oben {
height: 180px;
width: 490px;
background: #3C3C3C;
background-image:url(http://s10.directupload.net/images/081227/ntxtgjy6.jpg);
color: #FFFFFF;
border: 1px solid #6E6E6E;
margin: 20px 110px 0px 200px;
padding: 10px;
float: left;}


#Streifen_oben {
width: 490px;
clear: both;
color: #333;
border: 1px solid #80807F;
background: #FDC600;
background-image:url(http://s10.directupload.net/images/081227/3w8cawjw.jpg);
margin: 0px 0px 10px 200px;
padding: 10px;}



#content {
color: #333;
border: 1px solid #330000;
margin: 1px 100px 0px 200px;
padding: 10px;
height: 320px;
width: 388px;
float: left;
background: #E8E8E3;
overflow:auto;}


#nav_container {
float: right;
color: #333;
border: 1px solid #80807F;
margin: 0px 410px 0px 0px;
padding: 10px;
height: 320px;
width: 80px;
display: inline;
background: #FDF6Da;}

#Streifen_unten {
width: 490px;
clear: both;
color: #333;
border: 1px solid #80807F;
background: #FDC600;
background-image:url(http://s10.directupload.net/images/081227/3w8cawjw.jpg);
margin: 0px 0px 10px 200px;
padding: 10px;}

#counter{display: none;}


wie stelle ich nun ein, dass die navi rechts neben dem content ist
ich bekomme das einfach nicht hin, ich habe schon viel ausprobiert...

kann mir jemand helfen?

LG
Beitrag27.12.2008 um 06:01 (UTC)    
Titel:

Wenn Du der Navigation ein margin von rechts mit 410px gibst, dann kann es auch nur 410 Pixel von rechts sein Wink

Zitat:
#nav_container {
float: right;
color: #333;
border: 1px solid #80807F;
margin: 0px 10px 0px 0px;
padding: 10px;
height: 320px;
width: 80px;
display: inline;
background: #FDF6Da;}
Beitrag27.12.2008 um 14:45 (UTC)    
Titel:

ja danke
und wie füge ich jetzt alles zusammen?
also die navi ein bisschen mehr nach links zum content hin?

LG
Beitrag27.12.2008 um 19:34 (UTC)    
Titel:

Den roten Wert musst Du etwas anpassen, probier einfach mal ein wenig.
Beitrag27.12.2008 um 23:21 (UTC)    
Titel:

ja habs hinbekommen
danke
Beitrag28.12.2008 um 05:59 (UTC)    
Titel:

Gern geschehen Wink
Danke für die Rückmeldung
Beiträge der letzten Zeit anzeigen:   


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