Suche im Forum:
Suchen


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