Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.10.2009 um 10:01 (UTC)    
Titel: [erledigt] Header nach unten verschieben.

Hallo Leute, ich habe noch eine wichtige Frage, und zwar Folgende:
Wenn man meine Navi ansieht, merkt man, das bei den abgerundeten
Ecken noch der graue Hintegrund hervorkommt. Ist es möglich, dass ich
den Header nach unten verschiebe, quasi hinter die Navi-Buttons, und damit
der graue Hintergrund in der Navi (bei den abgerundeten Ecken) weggeht.
Also wären die Navibuttons und der Header quasi ineinander!
Hier mal der gesamte Code, habe Header und Navicode mal markiert.

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#800000; font-size: 15px; text-decoration: none;}
a:hover {color: #800000; font-size: 15px; text-decoration: none;}
a:link {color: #800000; font-size: 15px; text-decoration: none;}
a:active {color: #800000; font-size: 15px; text-decoration: none;}
a:visited {color: #800000; font-size: 15px; text-decoration: none;}

body {background-color:#9a9ea2;}

* { padding: 0; margin: 0; }

#Abenteuergeschichte {
margin: 0 auto;
width: 602px;}

#Header_oben {
color: #FFFFFF;
width: 580px;
height: 94px;
background-image: url(http://tinycoke.com/image/6rebwSpepFyPY.png);
float: left;
padding: 10px;
margin: 0px 0px 0px 0px;
}



#content {
width: 580px;
background: #000000;
color: #FFFFFF;
float: left;

margin: 0px 0px 0px 0px;
padding: 10px;
overflow:auto;
font-family: Comic Sans MS, sans-serif;

}


#counter {
width: 600px;
height: 20px;
text-align:center;
color: #FFFFFF;
background:url(http://img.webme.com/pic/i/ihre-wunsch-domain/counter.png);
margin: 0px 0px 10px 0px;
font-size: 15px;
float: left;
}

#nav { position:relative; top: -1px; bottom:0; list-style:none; }
* html #nav { bottom:-1px; }
#nav li { float:left; }
#nav li a {
background:url(http://img.webme.com/pic/t/teeny07/bnormal5.png);
display:block; height:33px; width: 100px;
font-family: Comic Sans MS, sans-serif;
text-decoration: none !important;
}

#nav li a:hover {
display:block;
background:url(http://s3.directupload.net/images/091010/du3sggyz.png); height:33px; width: 100px;

}
#nav li a strong { color: #FFFFFF; padding-left: 20px;
position:relative; top: 5px;
}



würde mich über eine Antwort sehr freuen, hoffe, dass ich mein
Problem klar geschildert habe!


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!



Zuletzt bearbeitet von abenteuergeschichte am 11.10.2009, 15:47, insgesamt einmal bearbeitet
Beitrag11.10.2009 um 13:03 (UTC)    
Titel:

Die Navigations sieht so aus: http://img.webme.com/pic/t/teeny07/bnormal5.png.
Dieso könntest du ändern und sie eckig machen. So würde es die Ecken nicht geben.
______________
Jeder lernt es... Irgendwann...
Beitrag11.10.2009 um 14:33 (UTC)    
Titel:

gwieny hat Folgendes geschrieben:
Die Navigations sieht so aus: http://img.webme.com/pic/t/teeny07/bnormal5.png.
Dieso könntest du ändern und sie eckig machen. So würde es die Ecken nicht geben.



jop, aber ich habe sie eben von eckig auf rund geändert^^
edit: Habs komplett hingekriegt!


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!



Zuletzt bearbeitet von abenteuergeschichte am 11.10.2009, 15:47, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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