Textfarbe lässt sich nicht ändern

Blogga

Als Schriftfarbe habe ich #111111 eingestellt. Trotzdem ist der Trennbalken zwischen den Links in der Farbe der Links #666666.

PHP

<?php wp_loginout(); ?> | <a href="">Impressum</a>

Ich habe schon versucht den Trennbalken mit <span> auf #111111 zu bekommen, hat aber auch nicht geklappt. Hat jemand eine Idee?

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

maxe

tja und jetzt, jetzt sollen wir alle mal raten :confused: Wie wäre es mit einem Link zur Baustelle?

Blogga

Zitat von maxe

tja und jetzt, jetzt sollen wir alle mal raten :confused: Wie wäre es mit einem Link zur Baustelle?

Geht leider nicht, da Wordpress lokal auf MAMP läuft. Ich dachte, vielleicht ist das ein generelles Problem und man weiß die Antwort auch so.
Ich habe überall #111111 als Standartfarbe angegeben, dann kann der Balken doch nicht in #666666 angezeigt werden...das verstehe ich nicht.

marX

Nein, das ist sicher kein generelles Problem. Und schon gar nicht mit WP. Das liegt 100% am Theme.
Poste mal HTML + CSS bzw. lad es irgendwo hoch wo man sich das live anschauen kann (Freespace reicht ja, Hauptsache man kann das problem nachvollziehen).

Blogga

Zitat von marX

Nein, das ist sicher kein generelles Problem. Und schon gar nicht mit WP. Das liegt 100% am Theme.
Poste mal HTML + CSS bzw. lad es irgendwo hoch wo man sich das live anschauen kann (Freespace reicht ja, Hauptsache man kann das problem nachvollziehen).

Ok, hier mal der Html-Code vom Footer und die .CSS.

PHP

<div id="footer">
<?php wp_footer(); ?>
<p>
&uarr; <a href="#top">top</a>
</p>
</br>
<div class="pagenavi"> 
<?php if (function_exists('wp_pagebar')) {wp_pagebar(array('before'=>'', 'tooltip_text'=>'Seite', 'next'=>'»', 'prev'=>'«'));}
else { ?>
<?php posts_nav_link(' - ', _('Zurück'), _('Weiter')); ?>
<?php } ?>
</div>
</br>
<?php bloginfo('name'); ?> runs on <a href="http://wordpress.org/">Wordpress <?php bloginfo(version); ?></a>
</br>
<?php wp_loginout(); ?> <span class="line">|</span> <a href="">Impressum</a>
</div>

Alles anzeigen

Code

/*


Template Informations


*/


* {
margin:  0px;
padding: 0px;
}


body {
background-color: #FFFFFF;
font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color: #111111;
}


#wrapper {
width: 900px;
height: auto;
margin:  0px auto;
}


#header {
width: 900px;
height: 250px;
background: url(img/header.gif);
}
	
#navi {
width: 900px;
height:  auto;
margin-bottom: 80px;
}
	
#navi-left {
width: 500px;
height: auto;
float: left;
text-align: left;
}
		
#navi-left ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
			
#navi-left ul li {
padding: 4px 15px 4px 0px;
display: inline;
font-size: 1.8em;
letter-spacing: 2px;
}
				
#navi-left ul li a:link, #navi-left ul li a:visited, #navi-left ul li a:active, #navi-left ul li a:hover {
text-decoration: none;
color: #111111;
}
					
#navi-left ul li a:hover {
color: #FFFFFF;
background-color: #111111;
padding-top: 6px;
}
		
#navi-right {
width: 400px;
height: auto;
float: left;
text-align: right;
}
		
#navi-clear {
clear: both;
}
		
#main {
width: 900px;
height: auto;
margin-bottom: 80px;
}
	
#content {
width: 600px;
height: auto;
float: left;
margin-right: 80px;
text-align: justify;
}
		
.post {
width: auto;
height: auto;
}
			
.post h2 {
font-size:  3.2em;
letter-spacing: 2px;
border-bottom: 1px solid #E5E5E5;
display: block;
margin-bottom: 15px;
padding-bottom: 10px;
}
				
.post h2 a:link, .post h2 a:visited, .post h2 a:active, .post h2 a:hover {
text-decoration: none;
color: #111111;
}
				
.post h2 a:hover {
padding-top: 6px;
color: #FFFFFF;
background-color: #111111;
}
			
.post .date {
width: auto;
height: auto;
margin-bottom: 40px;
}
				
.post .entry {
width: auto;
height: auto;
margin-bottom: 15px;
}
				
.post .entry a:link, .post .entry a:visited, .post .entry a:active, .post .entry a:hover {
text-decoration: none;
color: #666666;
}
					
.post .entry a:hover {
padding-top: 3px;
color: #FFFFFF;
background-color: #111111;
}
					
.post .entry img {
margin: 2px;
border: 1px solid #111111;
}
			
.post .info {
width: auto;
height: auto;
margin-bottom: 15px;
padding: 1px 0px 1px 1px;
background-color: F9F9F9;
}
			
.post .info a:link, .post .info a:visited, .post .info a:active, .post .info a:hover {
text-decoration: none;
color: #666666;
}
					
.post .info a:hover {
padding-top: 3px;
color: #FFFFFF;
background-color: #111111;
}
		
#sidebar {
width:  220px;
height: auto;
float: left;
padding-top: 4px;
text-align: left;
}
		
#sidebar h2 {
font-size:  1.4em;
display: block;
margin-bottom: 5px;
padding-bottom: 5px;
letter-spacing: 2px;
}
			
#sidebar h3 {
font-size: 1.0em;
display: inline;
letter-spacing: 2px;
}
		
#sidebar h3 a:link, #sidebar h3 a:visited, #sidebar h3 a:active, #sidebar h3 a:hover {
text-decoration: none;
color: #666666;
}
	
#sidebar h3 a:hover {
padding-top: 3px;
color: #FFFFFF;
background-color: #111111;
}
			
.space {
margin-top: 25px;
}
			
#sidebar .sidebarinfo {
width: auto;
height: auto;
text-align: justify;
margin-bottom: 15px;
padding: 4px 8px 4px 8px;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
			
#sidebar ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
			
#sidebar ul li {
padding: 4px 0px 4px 0px;
border-bottom: 1px dotted #E5E5E5;
}
				
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active, #sidebar ul li a:hover {
text-decoration: none;
color: #666666;
}
					
#sidebar ul li a:hover {
padding-top: 3px;
color: #FFFFFF;
background-color: #111111;
}
					
		
#main-clear {
clear: both;
}
		
#footer {
width: 900px;
height:  auto;
margin-bottom: 10px;
}
	
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
text-decoration: none;
color: #666666;
}
					
#footer a:hover {
padding-top: 3px;
color: #FFFFFF;
background-color: #111111;
}

Alles anzeigen

marX

Zitat von Blogga

Ok, hier mal der Html-Code vom Footer

Das ist keine HTML-Seite, das ist ein HTML-Fragment, was zudem noch PHP-Code enthält. Das reicht nicht zum Debuggen. Wenn ich das Fragment und dein CSS verwende, dann hat der Balken die Farbe #111111 - wie gewünscht. Der "Fehler" muss also irgendwo im Rest des gerenderten HTML zu suchen sein.

Blogga

Ahja ok, bin noch nicht so fit in den Sachen.
Hier noch die index.php

PHP

<div id="wrapper">
	<?php get_header(); ?>
	<div id="main">
		<div id="content">
			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
			<div class="post">
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="BLA zu <?php the_title(); ?>"><?php the_title(); ?></a></h2>
				<div class="date">
					<?php the_time('j. F Y'); ?>
				</div>
				<div class="entry">
					<?php the_content('(weiterlesen...)'); ?>
				</div>
				<div class="info">
					 Geposted in <?php the_category(', '); ?> und <?php comments_popup_link('0x kommentiert', '1x kommentiert', '(%)x kommentiert'); ?>
				</div>
			</div>
			<?php comments_template(); ?>
			<?php endwhile; else: ?>
			<div class="post">
				Sorry, die Seite wurde nicht gefunden!
			</div>
			<?php endif; ?>
		</div>
		<div id="sidebar">
			<?php get_sidebar(); ?>
		</div>
		<div id="main-clear">
		</div>
	</div>
	<?php get_footer(); ?>
</div>

Alles anzeigen

Die header.php

PHP

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<?php if (is_home()) { ?>
	<title><?php bloginfo ('name'); ?> - <?php bloginfo ('description'); ?></title>
<?php }
elseif(is_category() or is_archive() or is_single()) { ?>
	<title><?php wp_title(''); ?> - <?php bloginfo('name'); ?></title>
<?php } else { ?>
	<title><?php bloginfo('name'); ?><?php wp_title(); ?> - <?php bloginfo('description'); ?></title>
<?php } ?>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>"	


<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="stylesheet" type="text/css" media="print" href="<?php bloginfo('template_directory'); ?>/print.css" />


<meta name="ICBM" content="54.47961319645766, 9.052734375" />
<meta name="DC.title" content="BLAAA" />
<meta name="author" content="David Strüning" />
<?php if (is_home()) { ?><meta name="description" content="Das Weblog zum BLAAA" /><?php } ?>
<meta http-equiv="imagetoolbar" content="no" />


<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="archives" href="/archiv/" title="Archiv: nach Monaten und Tags (Schlagwörter) sortiert." />
<link rel="shortcut icon" href="FAVICON" />


<?php if (is_search()) {echo "<meta name=\"robots\" content=\"noindex, follow\" />\n";} ?>


<?php wp_head(); ?>
</head>
<body>
<a id="top" name="top"></a>
<div id="header">
</div>
<div id="navi">
	<div id="navi-left">
		<ul>
			<li><a href="<?php bloginfo('url'); ?>" title="Blog" target="_self">.blog</a></li>
			<?php wp_list_pages('depth=1&title_li='); ?>
		</ul>
	</div>
	<div id="navi-right">
		<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">
			<input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="text" />
			<input type="submit" id="submit" value="Find!" />
		</form>
	</div>
	<div id="navi-clear">
	</div>
</div>

Alles anzeigen

Die sidebar.php

PHP

<?php if (is_home() or is_page()) { ?>
	<h2>about this blog</h2>
	<div class="sidebarinfo">
		A little something about you, the author. Nothing lengthy, just an overview. Open sidebar.php and change this line.
	</div>
<?php } ?>


<?php if (is_single()) { ?>
	<h2>about this entry</h2>
	<div class="sidebarinfo">
		<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a> was posted on <nobr><?php the_time('F jS, Y') ?></nobr> at <nobr><?php the_time('g.ia') ?></nobr> and is filed under <?php the_category(', ') ?>. <?php if ('open' == $post->comment_status) : ?> This entry has <?php comments_number('no comments (yet)', 'one comment', '% comments' );?>. You can follow any responses through the <?php comments_rss_link('RSS 2.0 Feed'); ?><?php endif; ?>.</a>
	</div>
<?php } ?>
 
	<h2 class="space">last entries</h2>
	<?php $today = current_time('mysql', 1);
	if ( $recentposts = $wpdb->get_results("SELECT ID, post_title FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post' AND post_date_gmt < 													        '$today' ORDER BY post_date DESC LIMIT 10")): ?>
	<ul>
		<?php foreach ($recentposts as $post) 
		{ if ($post->post_title == '') $post->post_title = sprintf(__('Post #%s'), $post->ID);
		echo "<li><a href='".get_permalink($post->ID)."'>"; the_title(); echo '</a></li>'; } ?>
	</ul>
<?php endif; ?>


<h2 class="space">categories</h2>
	<ul>
		<?php wp_list_cats('sort_column=name&hierarchical=0'); ?>
	</ul>
<h2 class="space">archive</h2>
	<ul>
		<?php wp_get_archives('type=monthly'); ?>
	</ul>
<h2 class="space">rss-feeds</h2>
	<ul>
		<li><a href="<?php bloginfo('rss2_url'); ?>">RSS 2.0 Entries</a></li>
		<li><a href="<?php bloginfo('comments_rss2_url'); ?>">RSS 2.0 Comments</a></li>
	</ul>
	
<h2 class="space">links</h2>
	<ul>
		<h3><a href='javascript:hl_openCloseOptions("list1");'>Shops</a></h3>
		<ul id="list1" style="display: none; visibility: visible;">
			<li><a target="_blank" href="http://www.frontlineshop.com/">Frontlineshop</a></li>
			<li><a target="_blank" href="http://www.stylefish.eu/">Stylefish</a></li>
			<li><a target="_blank" href="http://www.insidextreme.de/">Inside Extreme</a></li>
			<li><a target="_blank" href="http://www.rockon.de/">RockOn</a></li>
			<li><a target="_blank" href="http://shop.mantisshop.de/">Mantisshop</a></li>
			<li><a target="_blank" href="http://shop.stylefile.de/">Stylefile</a></li>
			<li><a target="_blank" href="http://www.sonnensachen.de/">Sonnensachen</a></li>
			<li><a target="_blank" href="http://www.result24.com/">Result</a></li>
			<li><a target="_blank" href="http://www.blue-tomato.com/de/welcome.bto">Blue Tomato</a></li>
			<li><a target="_blank" href="http://www.skatedeluxe.de/">SkateDeluxe</a></li>
			<li><a target="_blank" href="http://www.s-port-five.com/">S Port Five</a></li>
			<li><a target="_blank" href="http://www.kolibrishop.com/">Kolibri</a></li>
			<li><a target="_blank" href="http://www.cocaines.de/">Cocains</a></li>
			<li><a target="_blank" href="http://www.wh1shop.de/wh1shop/index.php">Warehouse One</a></li>
			<li><a target="_blank" href="http://www.snowlab.de/">Snowlab</a></li>
			<li><a target="_blank" href="http://www.powderforce.com/">Powder Force</a></li>
			<li><a target="_blank" href="http://www.planet-sports.de/">Planet-Sports</a></li>
		</ul>


	</ul>


	<ul>
		<h3><a href='javascript:hl_openCloseOptions("list2");'>Musik</a></h3>
		<ul id="list2" style="display: none; visibility: visible;">
			<li><a target="_blank" href="http://blog.datasapiens.net/">Data Sapiens</a></li>
			<li><a target="_blank" href="http://hypem.com/">Hype Machine</a></li>
			<li><a target="_blank" href="http://lastfm.de/">LastFM</a></li>		
		</ul>
	</ul>

Alles anzeigen

Hoffentlich findest du etwas!

marX

Kannst du nicht einfach mal den Quellcode einer gerenderten HTML-Seite posten oder hochladen (Browser -> Seitenquelltext anzeigen -> Copy -> Paste)? :-)

marX

So, ich hab mir mal ein Theme zusammengebastelt aus deinen Templates und es in nem 2.7-Testblog einbgesetzt. Die Trennlinie unten ist #111, geerbt von <body>.

Blogga

Ach, das meinst du - sorry!

HTML

<div id="wrapper">
	<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
	<title>Deichpirat.de - Ein weiteres tolles WordPress-Blog</title>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="WordPress 2.7"	


<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8888/wordpress/wp-content/themes/Deichpirat.de/style.css" />
<link rel="stylesheet" type="text/css" media="print" href="http://localhost:8888/wordpress/wp-content/themes/Deichpirat.de/print.css" />


<meta name="ICBM" content="54.47961319645766, 9.052734375" />
<meta name="DC.title" content="BLAAA" />
<meta name="author" content="David Strüning" />
<meta name="description" content="Das Weblog zum BLAAA" /><meta http-equiv="imagetoolbar" content="no" />


<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://localhost:8888/wordpress/?feed=rss2" />
<link rel="pingback" href="http://localhost:8888/wordpress/xmlrpc.php" />
<link rel="archives" href="/archiv/" title="Archiv: nach Monaten und Tags (Schlagwörter) sortiert." />
<link rel="shortcut icon" href="FAVICON" />




<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost:8888/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost:8888/wordpress/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 2.7" />


</head>
<body>
<a id="top" name="top"></a>
<div id="header">
</div>
<div id="navi">
	<div id="navi-left">
		<ul>
			<li><a href="http://localhost:8888/wordpress" title="Blog" target="_self">.blog</a></li>
			<li class="page_item page-item-3"><a href="http://localhost:8888/wordpress/?page_id=3" title=".bio">.bio</a></li>
<li class="page_item page-item-5"><a href="http://localhost:8888/wordpress/?page_id=5" title=".gallery">.gallery</a></li>
<li class="page_item page-item-7"><a href="http://localhost:8888/wordpress/?page_id=7" title=".powered by">.powered by</a></li>
<li class="page_item page-item-9"><a href="http://localhost:8888/wordpress/?page_id=9" title=".contact">.contact</a></li>
		</ul>
	</div>
	<div id="navi-right">
		<form method="get" id="searchform" action="/wordpress/index.php">
			<input type="text" value="" name="s" id="text" />
			<input type="submit" id="submit" value="Find!" />
		</form>
	</div>
	<div id="navi-clear">
	</div>
</div>	<div id="main">
		<div id="content">
						<div class="post">
				<h2><a href="http://localhost:8888/wordpress/?p=11" rel="bookmark" title="BLA zu .famous frank">.famous frank</a></h2>
				<div class="date">
					4. Februar 2009				</div>
				<div class="entry">
					<p>Der Name basiert auf einer lustigen Geschichte und ist nicht zu ernst zu nehmen, mehr Hintergrundinformationen dazu sind in der Team Section zu finden. Die von uns angebotene Produktpalette umfasst ausgew</p>
				</div>
				<div class="info">
					 Geposted in <a href="http://localhost:8888/wordpress/?cat=1" title="Alle Artikel in Allgemein ansehen" rel="category">Allgemein</a> und <a href="http://localhost:8888/wordpress/?p=11#respond" title="Kommentiere .famous frank">0x kommentiert</a>				</div>
			</div>
								</div>
		<div id="sidebar">
				<h2>about this blog</h2>
	<div class="sidebarinfo">
		A little something about you, the author. Nothing lengthy, just an overview. Open sidebar.php and change this line.
	</div>


 
	<h2 class="space">last entries</h2>
		<ul>
		<li><a href='http://localhost:8888/wordpress/?p=11'>.famous frank</a></li><li><a href='http://localhost:8888/wordpress/?p=1'>Hallo Welt!</a></li>	</ul>


<h2 class="space">categories</h2>
	<ul>
			<li class="cat-item cat-item-1"><a href="http://localhost:8888/wordpress/?cat=1" title="Alle unter Allgemein abgelegten Artikel ansehen">Allgemein</a>
</li>
	</ul>
<h2 class="space">archive</h2>
	<ul>
			<li><a href='http://localhost:8888/wordpress/?m=200902' title='Februar 2009'>Februar 2009</a></li>
	<li><a href='http://localhost:8888/wordpress/?m=200901' title='Januar 2009'>Januar 2009</a></li>
	</ul>
<h2 class="space">rss-feeds</h2>
	<ul>
		<li><a href="http://localhost:8888/wordpress/?feed=rss2">RSS 2.0 Entries</a></li>
		<li><a href="http://localhost:8888/wordpress/?feed=comments-rss2">RSS 2.0 Comments</a></li>
	</ul>
	
<h2 class="space">links</h2>
	<ul>
		<h3><a href='javascript:hl_openCloseOptions("list1");'>Shops</a></h3>
		<ul id="list1" style="display: none; visibility: visible;">
			<li><a target="_blank" href="http://www.frontlineshop.com/">Frontlineshop</a></li>
			<li><a target="_blank" href="http://www.stylefish.eu/">Stylefish</a></li>
			<li><a target="_blank" href="http://www.insidextreme.de/">Inside Extreme</a></li>
			<li><a target="_blank" href="http://www.rockon.de/">RockOn</a></li>
			<li><a target="_blank" href="http://shop.mantisshop.de/">Mantisshop</a></li>
			<li><a target="_blank" href="http://shop.stylefile.de/">Stylefile</a></li>
			<li><a target="_blank" href="http://www.sonnensachen.de/">Sonnensachen</a></li>
			<li><a target="_blank" href="http://www.result24.com/">Result</a></li>
			<li><a target="_blank" href="http://www.blue-tomato.com/de/welcome.bto">Blue Tomato</a></li>
			<li><a target="_blank" href="http://www.skatedeluxe.de/">SkateDeluxe</a></li>
			<li><a target="_blank" href="http://www.s-port-five.com/">S Port Five</a></li>
			<li><a target="_blank" href="http://www.kolibrishop.com/">Kolibri</a></li>
			<li><a target="_blank" href="http://www.cocaines.de/">Cocains</a></li>
			<li><a target="_blank" href="http://www.wh1shop.de/wh1shop/index.php">Warehouse One</a></li>
			<li><a target="_blank" href="http://www.snowlab.de/">Snowlab</a></li>
			<li><a target="_blank" href="http://www.powderforce.com/">Powder Force</a></li>
			<li><a target="_blank" href="http://www.planet-sports.de/">Planet-Sports</a></li>
		</ul>


	</ul>


	<ul>
		<h3><a href='javascript:hl_openCloseOptions("list2");'>Musik</a></h3>
		<ul id="list2" style="display: none; visibility: visible;">
			<li><a target="_blank" href="http://blog.datasapiens.net/">Data Sapiens</a></li>
			<li><a target="_blank" href="http://hypem.com/">Hype Machine</a></li>
			<li><a target="_blank" href="http://lastfm.de/">LastFM</a></li>		
		</ul>
	</ul>		</div>
		<div id="main-clear">
		</div>
	</div>
	<div id="footer">
		<p>
		&uarr; <a href="#top">top</a>
	</p>
	</br>
	<div class="pagenavi"> 
				<a href="http://localhost:8888/wordpress/?paged=2" >Weiter</a>			</div>
	</br>
	Deichpirat.de runs on <a href="http://wordpress.org/">Wordpress 2.7</a>
	</br>
	<a href="http://localhost:8888/wordpress/wp-login.php">Anmelden</a> <span class="line">|</span> <a href="">Impressum</a>
</div></div>

Alles anzeigen

Ja, die Trennlinie soll ja auch #111111 anzeigen, aber bei mir wird sie als #666666 angezeigt.

marX

Auch hier ist die Trennlinie in #111 dargestellt, also korrekt wie du es willst (<link stylesheet> mit <style> und deinen Styles von oben ersetzt). Allerdings sind in dem HTML ein paar Fehler, die solltest du zunächst mal beheben. Wirf den HTML-Quelltext z.B. mal hier rein:
:arrow: The W3C Markup Validation Service
Das liefert mir aktuell 6 Fehler + 20 Warnungen.

In welchem Browser schaust du die Seite an? Ich bin hier mit FF 3.0.6 unter WinXP unterwegs...

spickzettel

Das in der index.php

PHP

<div id="wrapper">
    <?php get_header(); ?>

muss erst einmal umgedreht werden:

PHP

<?php get_header(); ?>
<div id="wrapper">

Blogga

Zitat von marX

Auch hier ist die Trennlinie in #111 dargestellt, also korrekt wie du es willst (<link stylesheet> mit <style> und deinen Styles von oben ersetzt). Allerdings sind in dem HTML ein paar Fehler, die solltest du zunächst mal beheben. Wirf den HTML-Quelltext z.B. mal hier rein:
:arrow: The W3C Markup Validation Service
Das liefert mir aktuell 6 Fehler + 20 Warnungen.
In welchem Browser schaust du die Seite an? Ich bin hier mit FF 3.0.6 unter WinXP unterwegs...

Komisch, ich schaue mir das Ganze mit Safari an. Liegt dann wohl daran. Wie kann ich das aber beheben, damit auch Safari-User eine Trennlinie in #111111 sehen?

Zitat von spickzettel
Das in der index.php
PHP
<div id="wrapper">
    <?php get_header(); ?>
muss erst einmal umgedreht werden:
PHP
<?php get_header(); ?>
<div id="wrapper">

Wieso das? Dann ist header.php aber nicht mehr zentriert. Ist es nicht egal wie rum es ist?

marX

Zitat von Blogga

Komisch, ich schaue mir das Ganze mit Safari an. Liegt dann wohl daran. Wie kann ich das aber beheben, damit auch Safari-User eine Trennlinie in #111111 sehen?

Räum erstmal dein HTML auf. Wahrscheinlich kommt der Safari bei den Fehlern ins Schleudern.

Zitat

Wieso das? Dann ist header.php aber nicht mehr zentriert. Ist es nicht egal wie rum es ist?

Nein. Am Anfang eines HTML muss ("sollte") immer eine Doctype-Deklaration stehen (da hat sich bei dir auch noch ein Leerzeichen zw. <! und DOCTYPE eingeschmuggelt), anschließend <head> gefolgt von <body>. Dein <div id="wrapper"> muss im <body> erscheinen. Es sollte also eher in die header.php, und dort direkt nach <body>.

Das ist aber nur einer der Fehler. Wenn alle weg sind sollte die Trennlinie überall korrekt dargstellt werden (CSS-fähigen Browser und True-Color-Farbdarstellung vorausgesetzt ;-)).

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Textfarbe lässt sich nicht ändern

Jetzt mitmachen!