|
|||
Header "Rahmen" kleiner machen, wie?
Hallo,
meine Site ist TAUFOASE.at. Oben haben ich einen blauen Rahmen, den würde ich in der Höhe gerne kleiner machen. Naja, Problem ist, dass ich mich nicht auskenne... Kannst du mir helfen? Ich vermute mal, dass etwas in der .css datei geändert gehört, oder? Was soll ich tun? meine print.css : Code:
/* Theme Name: GlossyBlue Theme URI: http://www.ndesign-studio.com Description: WP glossy theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>. Version: 1.4 Author: Nick La Author URI: http://www.ndesign-studio.com This theme was designed and built by Nick La. By downloading and using this theme, you agree to the following terms: - You may NOT resell this theme - A link back to N.Design Studio must be retained in the footer (either modified or unmodified) - You may use this theme for personal or commercial projects - You may modify, translate or distribute */ #page { width: 100%; border: none; background: none; } #header { border-bottom: 3px solid #59780a; height: auto; } #headerimg { width: auto; } #headerimg .description{ color: #666666; text-align: right; padding-bottom: 3px; right: 0px; position: absolute; left: auto; } h1 { margin:0px; font: bold 36px/100% Arial, Geneva, Helvetica, sans-serif; text-align: right; padding-bottom: 3px; } h1 a, h1 a:visited{ color: #000; text-decoration: none; } #content { padding: 10px 0px 30px 0px; width: 100%; } .post-date { font-size: 11px; text-transform: uppercase; color: #666666; height: auto; } .post-month, .post-day { color: #666666; display: inline; font-size: 11px; padding: 0px; margin: 0px; } .post-title { margin: 0px; width: 100%; clear: both; } .post-cat { float:left; font-size: 11px; padding: 0; } .post-comments, .post-calendar { float: right; font-size: 11px; } #comments, #respond, .navigation, #nav, #commentform, #sidebar, #footer, #credits { display: none; } meine stylesheet.css: Code:
/* Theme Name: GlossyBlue Theme URI: http://www.ndesign-studio.com Description: WP glossy theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>. Version: 1.4 Author: Nick La Author URI: http://www.ndesign-studio.com This theme was designed and built by Nick La. By downloading and using this theme, you agree to the following terms: - You may NOT resell this theme - A link back to N.Design Studio must be retained in the footer (either modified or unmodified) - You may use this theme for personal or commercial projects - You may modify, translate or distribute */ body { font: 75%/150% Arial, Geneva, Helvetica, sans-serif; color: #333333; background: #FFFFFF url(images/main-bg.gif); margin: 0px; padding: 0px 0px 30px; } a { color: #CC6600; text-decoration: none; } a:visited { color: #CC6633; text-decoration: none; } a:hover { color: #FF6600; text-decoration: underline; } img { border: none; } p { padding: 0px 0px 15px; margin: 0px; } h1 { margin:0px; background: url(images/header-icon.gif) no-repeat; padding-left: 70px; height: 60px; font: bold 36px/100% Arial, Geneva, Helvetica, sans-serif; color: #c9eefe; } h1 a, h1 a:visited{ color: #c9eefe; text-decoration: none; } h1 a:hover{ color: #ffffff; text-decoration: none; } h2 { color: #59770e; margin: 0px 0px 2px; border-bottom: 1px dotted #CCCCCC; letter-spacing: -1px; font: normal 190%/100% Arial, Geneva, Helvetica, sans-serif; padding-bottom: 3px; } h2 a, h2 a:visited { color: #59770e; text-decoration: none; } h2 a:hover { color: #FF6600; text-decoration: none; } h3 { font: normal 140%/100% Arial, Geneva, Helvetica, sans-serif; color: #758d38; margin: 10px 0px 5px; } h4 { font: normal 130%/100% Arial, Geneva, Helvetica, sans-serif; color: #758d38; margin: 10px 0px 5px; } form { margin:0px; padding:0px; } #page { margin: 0px auto; width: 760px; border-bottom: 5px solid #d5e6eb; border-left: 5px solid #d5e6eb; border-right: 5px solid #d5e6eb; background: #FFFFFF url(images/content-bg.gif) repeat-y; } /* header area */ #header { background: #0FACEA url(images/header-bg.jpg) no-repeat; height: 100px; border-bottom: 3px solid #59780a; position: relative; } #headerimg { position: relative; padding: 30px 0px 0px 40px; height: 40px; } #headerimg .description{ position: absolute; left: 110px; bottom: 3px; color: #c9eefe; font-size: 14px; } #nav { list-style: none; margin: 0px; position: absolute; right: 10px; bottom: 0px; } #nav li { float: left; margin-left: 5px; } #nav .current_page_item a, #nav .current_page_item a:visited{ color: #000000; text-decoration: none; } #nav .page_item a{ color: #ffffff; text-decoration: none; background: #5c8d0c url(images/nav-button-bg.gif) repeat-x; padding: 5px 15px; font: bold 14px/100% Arial, Geneva, Helvetica, sans-serif; border-top: 1px solid #E6EED0; border-left: 1px solid #AFCD69; border-right: 1px solid #AFCD69; display: block; } #nav .page_item a:hover { color: #000000; } /* content area */ #content { padding: 10px 0px 30px 20px; float: left; width: 485px; overflow: hidden; Lg Prokik |
Sponsored Links |
|
|||
In style.css steht unter
#header das Eigenschaft-Wert-Paar height: 100px; Hier wird die Höhe des Kopfbereichs deiner Seite eingestellt. Aber wenn du den Kopf kürzt, was passiert dann mit deiner Überschrift und dem Untertitel? Du benötigst einen Webdesigner. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 22:19 |
Vertical fortlaufender Hintergrund in Header und footer | img | CSS | 5 | 29.03.2009 17:10 |
header verrutscht... | weblearner | CSS | 6 | 03.12.2008 20:34 |
Header mit img, h1 und form | Uwe_B | CSS | 22 | 02.10.2008 12:07 |
Header Problem bei div | cssler | CSS | 2 | 28.01.2007 12:31 |