Schriftenproblem

Wooly

Ich habe ein Problem mit der Seite

das ist das Theme unnnamed 11. Alles soweit gut, nur würde ich gerne alle Schriftarten auf Verdana/Arial ändern, da einige Überschriften&Texte noch in TimesNewRoman sind.

Wenn ich aber die Definition im CSS Sheet ändere, zerschiesst es mir jedes Mal komplett die Seite, zwar nicht bei Apple/Safari, aber im Internet Explorer.
Sobald ich "Times New Roman",Times,sans-serif; in Verdana,Tahoma,Arial,sans-serif; ändere ist es zerschossen.

Ausserdem sieht man im Explorer die orangenen Unterstriche oben in der Navigation nicht, bei Safari und auch Netscape stimmt alles.

Wer kann helfen, hier mal ein Ausschnitt der unnamed-css.php

PHP

<?php
/* 
Template Name: Unnamed One CSS 
*/
require_once(dirname(__FILE__)."/../../../wp-blog-header.php");
header('Content-Type: text/css; charset: UTF-8');
?>
/* General */
* {
padding:0;
margin:0;
}


body {
font-size:12px;
font-family:Verdana,Tahoma,Arial,sans-serif;
color:#333;
line-height:140%;
text-align:center;
background:#ddd;
}


fieldset,select,img {
border:0;
}


hr,#searchform br,.counter {
display:none;
}


a,a:link,a:active,a:visited {
color:#6BA4DC;
text-decoration:none;
}


a:hover {
color:#fff;
background:#6BA4DC;
text-decoration:none;
}


p {
margin:0 0 10px;
}


ol li {
list-style:decimal outside;
}


acronym,abbr,span.caps {
cursor:help;
font-size:10px;
letter-spacing:.07em;
}


acronym,abbr {
border-bottom:1px dashed #ddd;
}


blockquote {
border-left:3px solid #BEDCFF;
margin:20px;
padding-left:10px;
}


cite,ins {
text-decoration:none;
}


code,pre,kbd {
font:14px 'Courier New',Courier,sans-serif;
}


small {
font:10px Arial,Helvetica,sans-serif;
color:#777;
}


strike,del {
color:#777;
text-decoration:line-through;
}


label {
cursor:pointer;
}


h1,h2,h3,h4 {
font-family:"Times New Roman",Times,sans-serif;
font-weight:700;
font-size:14px;
}


h1 {
font-size:24px;
text-align:left;
padding:20px 0 5px 20px;
}


h1 a,h1 a:link,h1 a:active,h1 a:hover,h1 a:visited {
color:#fff;
background:none;
}


h2 {
margin:5px 0;
}


h3,h4 {
margin:20px 0 0;
}


/* Structure Divs */
#header {
margin:0 auto;
<?php if(get_option('unnamed_headerheight') == "") { ?>
height:78px;
<?php } else { ?>
height:<?php echo($css_headerheight); ?>px;
<?php }?>
<?php if(get_option('unnamed_scheme') == "") { ?>
width:960px;
<?php } ?>
<?php if($wp_version<2.1) { ?>
background:url(<?php bloginfo('template_directory'); ?>/images/bg_header.jpg) no-repeat top center;
<?php } else { ?>
background:url(<?php header_image() ?>) no-repeat top center;
<?php }?>
}


#container {
position:relative;
margin:0 auto;
<?php if(get_option('unnamed_scheme') == "") { ?>
width:970px;
background:url(<?php bloginfo('template_directory'); ?>/images/bg_content.jpg) repeat-y left top #fff;
<?php } ?>
}


#primary-content {
<?php if (get_option('unnamed_sidebaralign') == "1") { ?>
float:left;
text-align:left;
margin:5px 25px !important;
margin:5px 12px;
<?php } else { ?>
<?php echo($css_contentfloat); ?>
<?php } ?>
width:700px;
display:inline;
background:#fff;
overflow:hidden;
}


<?php if(get_option('unnamed_slidingmenu') == 1) { ?>
#secondary-content {
float:left;
width:100%;
overflow:hidden;
}


#toggle {
<?php if(get_option('unnamed_scheme') == "") { ?>
width:960px;
<?php } ?>
margin:0 auto !important;
margin:0;
}
<?php } ?>


#footer {
clear:both;
color:#fff;
height:80px;
width:100%;
<?php if(get_option('unnamed_scheme') == "") { ?>
background:url(<?php bloginfo('template_directory'); ?>/images/bg_footer.jpg) repeat-x bottom left #ddd;
<?php } ?>
}


#sidebar {
<?php if (get_option('unnamed_sidebaralign') == "1") { ?>
float:left;
margin:20px 10px 20px 0;
<?php } else { ?>
<?php echo($css_sidebarfloat); ?>
<?php } ?>
<?php if(get_option('unnamed_scheme') == "") { ?>
width:200px;
<?php } ?>
text-align:left;
overflow:hidden;
}


/* Config Structure Divs */
	/* Header and Navigation */
	.description {
	font-size:12px;
	text-align:left;
	padding:0 0 5px 20px;
	}
	
	<?php if($wp_version<2.1) { ?>
	#header h1 a, .description {
	color:#fff;
	}
	<?php } else if (get_header_textcolor()=='blank' ) { ?>
	#header h1, .description {
	display:none;
	}
	<?php } else { ?>
	#header h1 a, .description {
	color:#<?php header_textcolor() ?>;
	}
	<?php } ?>
	
	.pagetitle {
	margin-top:30px;
	text-align:center;
	}
	
	/* Navigation */
	.nav {
<?php if(get_option('unnamed_scheme') == "") { ?>
	width:960px;
<?php } ?>
	background:url(<?php bloginfo('template_directory'); ?>/images/bg_nav.jpg) repeat-x left top #333;
	height:32px;
	margin:0 auto;
	}
	
	.nav ul {
	list-style-type:none;
	text-align:left;
	padding:7px !important;
	padding:6px;
	}
	
	.nav li {
	display:inline;
	}
	
	.nav li a {
	letter-spacing:0.2em;
	text-transform:uppercase;
	margin:0;
	padding:9px 8px;
	}
	
	.nav li a,.nav li a:link,.nav li a:visited {
	color:#fff;
	text-decoration:none;
	}
	
	.nav li a:hover,.nav li.current_page_item a,.nav li.current_page_item a:hover {
	color:#ddd;
	border-bottom:1px solid #ffcc00;
	background:none;
	}
	
	/* Primary Cotent and Entries */
	.content-top {
<?php if(get_option('unnamed_scheme') == "") { ?>
	background:url(<?php bloginfo('template_directory'); ?>/images/bg_content_top.jpg) no-repeat left top;
<?php } ?>
	height:15px;
	width:100%;
	}


	.entry {
	text-align:left;
	padding:20px 8px;
	}
	
	.entry ul,.entry ol {
	margin:0 0 0 40px;
	}
	
	.entry li {
	padding-bottom:8px;
	}
	
	.date-header {
	font-size:11px;
	color:#ddd;
	text-align:right;
	margin:0 0 10px;
	padding:0 5px;
	}
	
	.entry-header {
	border-bottom:1px solid #ddd;
	font-size:18px;
	margin:0;
	}
	
	.entry-footer {
	color:#ddd;
	font-size:10px;
	text-align:right;
	border-top:1px solid #ddd;
	margin:0 0 20px;
	padding:4px 2px 2px;
	}
	
	/* Footer */
	#footer p {
	font-size:10px;
	text-align:center;
	line-height:18px;
	padding:5px 0;
	}
	
	/* Sidebar */
	#sidebar h2 {
	color:#6BA4DC;
	font-size:12px;
	letter-spacing:.2em;
	text-transform:uppercase;
	margin:15px 2px 0 10px;
	padding:2px 0;
	}
	
	#sidebar ul {
	color:#777;
	list-style:none;
	}
	
	#sidebar li {
	width:100%;
	}
	
	#sidebar ul ul li {
	width:100%;
	margin:0 10px;
	padding:2px;
	}
	
	#sidebar ul ul li a,#sidebar ul ul li a:link,#sidebar ul ul li a:visited {
	color:#6BA4DC;
	background:none;
	padding:4px;
	}
	
	#sidebar ul ul li a:hover {
	color:#6BA4DC;
	background:none;
	text-decoration:underline;
	}
	
<?php if(get_option('unnamed_scheme') == "") { ?>
	.left-sidecolumn {
	clear:left;
	float:left;
	width:55%;
	padding:0 0 0 5px;
	}
	
	.right-sidecolumn {
	clear:right;
	float:right;
	width:38%;
	padding:0 5px 0 0;
	}
<?php } ?>
	
	.intro {
	color:#777;
	width:90%;
	margin:5px;
	padding:5px;
	text-align:left;
	}
	
<?php if(get_option('unnamed_slidingmenu') == 1) { ?>
	/* Secondary Content */	
	.inner {
	text-align:left;
	background:#000;
	list-style:none;
	overflow:hidden;
	}
	
	.inner h2 {
	color:#fff;
	font-size:12px;
	letter-spacing:.2em;
	text-transform:uppercase;
	margin:15px 2px 0;
	}
	
	.inner ul {
	list-style:none;
	margin:10px 0 10px;
	}
	
	.inner li {
	float:left;
	width:20%;
	background:transparent;
	margin-left:15px !important;
	margin-left:12px;
	padding:0 4px 6px 4px;
	display:inline;
	}
	
	.inner ul li {
	width:100%;
	margin:2px 0;
	padding:0 8px;
	overflow:hidden;
	}
	
	.inner ul li a,.inner ul li a:link,.inner ul li a:visited {
	display:block;
	background:transparent;
	color:#fff;
	white-space:nowrap;
	padding:2px;
	border-top:1px solid #3465A4;
	border-bottom:1px solid #3465A4;
	}
	
	.inner ul li a:hover {
	border-top:1px solid #ffcc00;
	border-bottom:1px solid #ffcc00;
	}
	
	.inner li.tags {
	width:45%;
	}
	
	.inner li.tags a:hover {
	background:none;
	text-decoration:underline;
	}
<?php } ?>
	
	#sidebar ul ul,.inner ul {
	margin:0;
	padding:0 0 10px;
	}
	
	/* Footer */
	#footer p {
	text-align:center;
	line-height:18px;
	padding:25px 0 5px;
	}

Alles anzeigen

denke jetzt ist alles wichtiges dabei.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Magnifikatz

Vielleicht...

...hat es was damit zu tun, daß irgendwo beim h2-tag solche Dinge wie "uppercase" drinstehen. Außerdem wird da mit sehr vielen Margins gearbeitet, da könnte es sein, daß sich die andere Schriftweite von Verdana seltsam auswirkt im Vergleich zu Times New Roman. Zudem ist mir aufgefallen, daß die font-family mal mit ", mal mit ' und mal gar nicht ummantelt ist (auch wenn das keine Rolle spielt ist das recht unschön).
Sind nur zwei, drei Dinge, die ich so gesehen habe im css.
Obs hilft, weiß ich nicht - ich finde das css irgendwie unübersichtlich.:?

Wooly

dankeschön schonmal, ist leider nicht von mir ... :mrgreen: ... sonst noch jemand eine Idee ?

Wooly

ich sehe schon es wird Zeit wirklich CSS zu lernen ...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Schriftenproblem

Jetzt mitmachen!