Problem: WP blockt CSS?!

Jessman5

Hallo.
Also, ich hab ein Problem.

Ich habe mir mit CSS eine Navigation programmiert.
Es ist ein Dropline Menü. Klappt soweit auch super.
Allerdings, wenn ich die für den blog notwendigen Zeilen von WP einfüge,

HTML

<?php require('./**.php'); ?>
<?php wp_head() ?>

klappt ga nix mehr.

Blockt WP da irgendwas? Sobald die Zeilen wieder raus sind, gehts wieder...

Hier seht ihr, wie es sein soll.
Und hier sehr ihr, was passiert, wenn die WP Zeilen drin stehen.

Hier der Navigationsquelltext

HTML

<div class="nav">
            <div class="table">


            <ul class="select_p">
            <li><a href="http://www.jessman5.de/j5com_2010_v1.0/index.php" target="_self"><b>&nbsp;Home&nbsp;</b></a>
                <div class="select_p_sub">
                <ul class="sub">
                <li><a href="#nogo">&nbsp;</a></li>
                </ul>
                <!-- end .select_p_sub -->
                </div>
            </li>
            </ul>


            <img src="http://forum.wordpress-deutschland.org/images/navigation/divider.jpg" alt="" />
            <ul class="current">
            <li><a href="#nogo"><b>Jessman5&nbsp;<sup>TM</sup></b></a>
                <div class="select_sub show">
                <ul class="sub">
                <li><a href="jessman5_whois.php">Who is?!</a></li>
                <li><a href="#nogo">FaQ</a></li>
                <li><a href="#nogo">Ausbildung</a></li>
                <li><a href="#nogo">Favourites</a></li>
                </ul>
                <!-- end .select_sub show -->
                </div>
            </li>
            </ul>


            <img src="http://forum.wordpress-deutschland.org/images/navigation/divider.jpg" alt="" />
            <ul class="select"><li><a href="#nogo"><b>Photoshots</b></a>
                <div class="select_sub">
                <ul class="sub">
                <li><a href="#nogo">Photoshoots</a></li>
                <li><a href="#nogo">Racetrackpictures</a></li>
                <li><a href="#nogo">Randomshots</a></li>
                </ul>
                <!-- end .select_sub -->
                </div>
            </li>
            </ul>


            <img src="http://forum.wordpress-deutschland.org/images/navigation/divider.jpg" alt="" />
            <ul class="select"><li><a href="#nogo"><b>Artwork</b></a>
                <div class="select_sub">
                <ul class="sub">
                <li><a href="#nogo">2OO9</a></li>
                <li><a href="#nogo">2OO8</a></li>
                <li><a href="#nogo">2OO7</a></li>
                <li><a href="#nogo">2OO6</a></li>
                <li><a href="#nogo">2OO5</a></li>
                <li><a href="#nogo">2OO4</a></li>
                <li><a href="#nogo">2OO3</a></li>
                </ul>
                <!-- end .select_sub -->
                </div>
            </li>
            </ul>


            <img src="http://forum.wordpress-deutschland.org/images/navigation/divider.jpg" alt="" />
            <ul class="select"><li><a href="#nogo"><b>Nailart</b></a>
                <div class="select_sub">
                <ul class="sub">
                <li><a href="#nogo">2OO9</a></li>
                <li><a href="#nogo">Mustertips</a></li>
                </ul>
                <!-- end .select_sub -->
                </div>
            </li>
            </ul>


            <img src="http://forum.wordpress-deutschland.org/images/navigation/divider.jpg" alt="" />
            <ul class="select"><li><a href="#nogo"><b>Videos</b></a>
                <div class="select_sub">
                <ul class="sub">
                <li><a href="#nogo">Racing &amp; so</a></li>
                <li><a href="#nogo">Party</a></li>
                </ul>
                <!-- end .select_sub -->
                </div>
            </li>
            </ul>


            <img src="http://forum.wordpress-deutschland.org/images/navigation/divider.jpg" alt="" />
            <ul class="select"><li><a href="#nogo"><b>&nbsp;More&nbsp;</b></a>
                <div class="select_sub">
                <ul class="sub">
                <li><a href="#nogo">liberoblog.de</a></li>
                <li><a href="#nogo">Referenzen</a></li>
                <li><a href="#nogo">Mitarbeit</a></li>
                </ul>
                <!-- end .select_sub -->
                </div>
            </li>
            </ul>
            <!-- end .table -->
            </div>
        <!-- end .nav --> 
        </div>

Alles anzeigen

und hier das CSS

HTML

.nav {
height:35px; 
background: url(../images/navigation/hg_navigation.jpg) repeat-x; 
position:relative; 
font-family: Arial, Tahoma, Verdana, sans-serif; 
font-size:11px; 
width:750px; 
z-index:500;
}


.nav .table {
display:table; 
margin:0 auto;
}


.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}


.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
text-align:left;
}


ul {
text-align:left;
}


.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url(../images/navigation/hg_navigation.jpg); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}


.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(../images/navigation/hg_hover_b.jpg); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(../images/navigation/hg_hover_b.jpg) right top;
}


.nav .select a:hover, 
.nav .select li:hover a {
background: url(../images/navigation/hg_hover_b.jpg); 
padding:0 0 0 15px; 
color:#fff;
}


.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(../images/navigation/hg_hover_b.jpg) right top; 
}


.nav .select_sub {
display:none;
}


/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}


.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}


.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#1874CD;
}


.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:750px; 
top:35px; 
background:url(../images/navigation/hg_navigation_b.jpg); 
padding:0; 
z-index:100; 
left:0; 
text-align:left;
}


.nav .current .show {
z-index:10;
}


.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;
text-align:left;
}


.nav .current .sub li.sub_show a {
color:#36648B; 
background:url(../images/navigation/hg_navigation_b.jpg);
}


.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#36648B; 
background:url(../images/navigation/hg_navigation_b.jpg);
}

Alles anzeigen

Vielen Dank schonmal.

Ach und wenn zufällig jemand weiß, wie ich das anstelle, damit der Aktive Link, statt blau, wieder schwarz wird, kann er mir das sehr gern sagen.

Danke :)

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

Monika

1. wozu brauchst du da diese .php Datei

wozu per require und nicht per include

lg

telekommander

Im Quellcode stehen sehr viele Sachen oberhalb des DOCTYPES das mit sicherheit nicht dahingehört.

HTML

[COLOR="Red"]<link rel="alternate"  ...
<link rel="alternate" ...
<script type="text/javascript" src="http://www.jessman5 ... </script>
<script type="text/javascript" src="http://www.jessman5 ... </script>[/COLOR]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  ... >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
( ... )

Wo fügst du die Zeilen ein und warum ?

Zum Link:
Entferne das Hintergrundbild in der style_b.css:

Code

.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
[COLOR="Red"]background:url(../images/navigation/hg_hover_b.jpg) right top;[/COLOR]
}

Jessman5

Hallo..

Monika
die .php datei die du meinst, ist die wp-blog-header.php. Ohne die läuft Wordpress doch nicht?! Require und Include kommt doch aufs selbe raus. Ich habe ja keine Schleife drin und ne Megastruktur mit 100 Ordnern hab ich auch nciht. Von daher ist das egal.

Telekommander
ich selbst habe nur die WP Zeilen über dem Doctype. Das wird dann doch von WP selbst sein, oder?
Und das mit dem Link hab ich wohl falsch ausgedrückt.
Bei deinem Beispiel, ist der Aktive Link komplett schwarz. Der soll aber nur dann wieder schwarz werden, wenn man mit der Maus über die Anderen Links geht.. Geht das überhaupt mit css, oder ist das schon Javascript?

telekommander

Zitat von Jessman5

( ... )
ich selbst habe nur die WP Zeilen über dem Doctype. Das wird dann doch von WP selbst sein, oder?

Ob es von WP kommt oder nicht, es spielt keine Rolle. Diese Codezeilen haben ausserhalb des Headers [FONT="Courier New"]<head>[/FONT] nichts zu suchen und gehören nicht (niemals) dahin !
Siehe: http://validator.w3.org/check?verbose=…1.0%2Findex.php

Jessman5

Soll das also so aussehen??

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php 
require('../wordpress/wp-blog-header.php');
?>
<?php wp_head() ?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jessman5.com 2O1O v1.O</title>

Ok.. funktionieren tut es. Und die Navigation tuts auch :D
Sollte das immer so sein? Ich habe mal ne Ausbildung als Mediengestalter Digital und Print gemacht.. Dann hat der Herr mir ja schön scheiße erzählt?!

telekommander

Zitat von Jessman5

( ... )Dann hat der Herr mir ja schön scheiße erzählt?!

Das hat er.
Schaut besser aus.

..

Jessman5

Der Idiot....

Danke, danke. :)
Weißt du auch, wie ich das am besten mit der navigation mache? Also dass der Link blau ist, wenn aktiviert, aber wieder schwarz wird, sobald man mit der Maus auf die Navigation geht? Also bei inaktivität bei hover blau. und bei Aktivität bei hover schwarz... ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem: WP blockt CSS?!

Jetzt mitmachen!