zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Header "Rahmen" kleiner machen, wie?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.08.2007, 00:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.06.2007
Beiträge: 11
prokik befindet sich auf einem aufstrebenden Ast
Frage 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;
Bitte dich um deine Hilfe, wahrscheinlich für dich ein Klax.

Lg
Prokik
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.08.2007, 00:42
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:30 Uhr.