Hallo liebe Community,
ich habe ein gaaanz dickes Problem. Ich möchte ein Firmenlogo in den Header einbinden. Sobald ich die styles.css so veränder, dass das Logo erscheint, zerstückelt er mir komplett die Navi-Leiste.
Meine Styles.css sieht so aus:
PHP
/* Header */
#header .hidden{display:none;}
#header h1,#header .description{text-align:left;}
#header h1{display:block;margin:18px 0 1px 25px;height:36px;line-height:36px;font-size:30px;font-weight:700;}
#header h1,#header h1 a{color:#90969a;text-shadow:0 1px 0 #fff;}
#header h1 a:hover{text-decoration:none;text-shadow:0 1px 0 #fff;}
#header .description{overflow:hidden;margin:0 0 17px 32px!important;margin:0 0 17px 16px;width:800px;height:17px;line-height:17px;color:#a5acb0;font-size:14px;text-shadow:0 1px 0 #f6f6f6;font-style:italic;}
#header .logo{float:left;display:block;background:transparent url(resources/logo.png) no-repeat 0 0;margin:17px 0 19px 11px;width:200px;height:53px;}
#header .popadmin{display:block;overflow:hidden;position:fixed;background:transparent url(resources/mnraton.png) no-repeat;_background:url(resources/inraton.png) no-repeat;z-index:999;top:0;right:96px;width:128px;height:28px;}
#header .popadmin:hover{background-position:0 -28px;}
#header .popadmin li{height:24px;line-height:22px;}
#header .popadmin li a{color:#828a8f;text-shadow:1px 1px 0 #fff;}
#header .popadmin li a:hover{color:#111;text-decoration:none;}nach der Veränderung so:
PHP
/* Header */
#header .hidden{display:none;}
#header h1,#header .description{text-align:left;}
#header h1{display:block;margin:18px 0 1px 25px;height:36px;line-height:36px;font-size:30px;font-weight:700;}
#header h1,#header h1 a{color:#90969a;text-shadow:0 1px 0 #fff;}
#header h1 a:hover{text-decoration:none;text-shadow:0 1px 0 #fff;}
#header .description{overflow:hidden;margin:0 0 17px 32px!important;margin:0 0 17px 16px;width:800px;height:17px;line-height:17px;color:#a5acb0;font-size:14px;text-shadow:0 1px 0 #f6f6f6;font-style:italic;}
#header {background:transparent url(http://www.ithilfe24.de/images_page/logo.png) left top no-repeat; padding-left:700px; height:75px; margin:0 auto; overflow:hidden;
position:relative; width:300px;}
#header .popadmin{display:block;overflow:hidden;position:fixed;background:transparent url(resources/mnraton.png) no-repeat;_background:url(resources/inraton.png) no-repeat;z-index:999;top:0;right:96px;width:128px;height:28px;}
#header .popadmin:hover{background-position:0 -28px;}
#header .popadmin li{height:24px;line-height:22px;}
#header .popadmin li a{color:#828a8f;text-shadow:1px 1px 0 #fff;}
#header .popadmin li a:hover{color:#111;text-decoration:none;}Könnt Ihr mir helfen ? :?
Ich danke euch !!!!