title image


Smiley HIlfe bei einem Beispiel gesucht...
Hi,



ich arbeite mich gerade in das Tabellenlose Design ein und habe mir hier dieses Beispiel runtergeladen:

http://css.fractatulum.net/vorlagen/v5/index.htm



Da geht es mir um den Bereich, der den Hintergrund des "Submenu" beschreibt. Ich habe in der dazugehörigen die Breite des "Submenu" vergrößert, damit ich mehr Text in eine Zeile bekomme.



Leider habe ich es bisher nicht geschafft auch den (in dem Beispiel noch hellblauen" Hintergrund auch entsprechend in der Breite anzupassen. Hab schon diverse Werte in der css-Datei angepasst und mir das Ergebnis angeschaut. Der Hellblaue streifen bleibt immer genau gleich breit.



Kann mir da jemand einen Tip geben? Ich würde gerne den hellblauen Bereich verbreitern...



Vielen Dank im voraus,

Yeti





Hier die dazugehörige (noch ungeänderte) css-Datei:



body{

color:black;

background:#003399;

margin:0;

padding:0;

font:13px verdana, sans-serif;}





#container{

background:#98bed1;

padding:0;

margin:0 10% 0 10%;}





#head{

height:80px;

background:#98bed1;}





#menu{

margin:0;

padding:0;

border-top:1px solid black;

border-bottom:1px solid black;

text-align:center;}

#menu ul{

background:#003399;

margin:0;

padding:5px;

list-style:none;

white-space: nowrap;}

#menu li{

display:inline;}

#menu a{

color:#000099;

background:#98bed1;

padding:2px 20px 2px 20px;

border:1px solid black;

font:bold 12px verdana, sans-serif;

text-decoration:none;

text-align:center;}

#menu a:hover{color:white;background:blue;}





#submenu{

float:left;

width:100px;}

#submenu ul{

margin:0px;

padding:0 30px 0 10px;

list-style:none;}

#submenu li{

padding:0 0 4px 0;

margin:0;}

#submenu a{

color:#000099;

background:transparent;

font-weight:bold;

font-size:12px;

text-decoration:none;}

#submenu a:hover{color:blue;text-decoration:underline;}

#submenu p{

font-weight:bold;

font-size:12px;

padding:20px 0 10px 10px;

margin:0;}





#content{

color:black;

background:white;

padding:40px 20px 20px 20px;

margin:0 0 0 120px;

border-left:1px solid black;}

#content h1{

margin:0 0 10px 0;

padding:2px 0 2px 5px;

font:bold 16px verdana, sans-serif;

border-left:10px solid #bcbcbc;

border-bottom:1px solid #bcbcbc;}

#content h2{

margin:25px 0 10px 0;

padding:2px 0 2px 5px;

font:bold 14px verdana, sans-serif;

border-left:8px solid #bcbcbc;

border-bottom:1px solid #bcbcbc;}

#content h3{

margin:25px 0 10px 0;

padding:2px 0 2px 5px;

font:bold 12px verdana, sans-serif;

border-left:6px solid #bcbcbc;

border-bottom:1px solid #bcbcbc;}

#content p{padding:15px;}





#foot{color:white;

background:#98bed1;

padding:0;

margin:0;

border-top:1px solid black;}

#foot p{margin:0;padding:4px;text-align:right;}
----------------------------------------------------------------
Und es gibt mich doch!
Frag´ den Reinhold ;)

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: