Hallo alle zusammen, :)
Ich bastele gerade an den Grundzügen einer Wordpress-Installation und komme an einer Stelle einfach nicht weiter, daher würde ich mich über eine Hilfestellung freuen.
Ich arbeite unter dem Theme Greylagoon, die deutsche Variante. Nun möchte ich ein Javascript-Menü in den Header einfügen, genauer gesagt Dieses.
Das funktioniert außerhalb der Wordpress-Installation problemlos, füge ich es aber in den Header ein wird das Pulldownmenü immer linksbündig angezeigt. Ich entfernte bereits alle Divs testweise, da ich vermutete, das ein CSS-Befehl das Ganze linksbündig hält, ohne Erfolg. Gleichnamige Divs gab es nach meiner Bearbeitung ebenfalls nicht.
Hier noch das CSS des angesprochenen Themes:
Code
/*
Theme Name: Graylagoon
Theme URI: http://www.sureshjain.wordpress.com
Description: theundisputed...
Version: 0.1
Author: Suresh kumar
Author URI:
*/
body {
background:url(images/bg_tile.gif);
color: #000000;
font-size: 12px;
font-family: Arial, Verdana, Sans-Serif;
margin: 0px 0px 0px 0px;
}
body * {margin: 0px; padding: 0px;}
a, a:visited {
color: #999999;
font-weight: bold;
text-decoration: underline;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #000000;
}
#container {
background: #ffffff;
width: 860px;
text-align: left;
margin: 20px auto 20px auto;
border: 1px solid #cccccc;
overflow: hidden;
}
#header {
background-color:#223546;
padding: 25px 35px 75px 35px;
text-align: left;
}
#header h2 {
color: #ffffff;
font-size: 30px;
font-family: Helvetica, Arial, Verdana, Sans-Serif;
font-weight: bold;
margin: 0px;
}
#header h2 a {
color: #ffffff;
text-decoration: none;
}
#header h2 a:hover {
color: #006699;
text-decoration: none;
}
#header h3 {
color: #ffffff;
font-size: 13px;
font-family: Georgia, Times New Roman, Sans-Serif;
text-indent: 5px;
margin: 0px;
}
#menu {
background: #52606d;
margin: 0px;
padding: 4px 0px 4px 0px;
text-align: center;
border-bottom: 5px solid #888888;
}
#menu img{
border: none;
}
#menu h2 {
color: #ffffff;
font-size: 15px;
font-family: Helvetica, Arial, Verdana, Sans-Serif;
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 0px;
}
#menu li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menu ul {
margin: 0px;
padding: 4px;
}
#menu ul li a {
font-family: Helvetica, Arial, Verdana, Sans-Serif;
font-weight: bold;
font-size: 15px;
color: #ffffff;
padding: 8px 20px 8px 20px;
margin: 0px 0px 0px 0px;
text-decoration: underline;
}
#menu ul li a:hover {
color: #ffffff;
background: #223546;
padding: 8px 20px 8px 20px;
text-decoration: none;
}
#content {
display: block;
background: #ffffff;
width: 500px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
float: left;
position:relative;
padding: 0px 0px 15px 0px;
}
#content p{
margin: 0px;
line-height: 18px;
padding: 0px 0px 10px 0px;
}
#content p img{
border: none;
padding: 0px 10px 10px 0px;
}
#content h1 {
color: #333333;
font-size: 22px;
font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
font-weight: normal;
padding: 10px 10px 10px 10px;
line-height: 150%;
margin: 0px;
}
#content h1 a {
color: #cccccc;
text-decoration: underline;
}
#content h1 a:hover {
color: #999999;
text-decoration: none;
}
#content h2 {
color: #333333;
font-size: 18px;
font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
font-weight: bold;
margin: 0px;
line-height: 120%;
font-variant: normal;
}
#content h2 a {
color: #333333;
text-decoration: none;
}
#content h2 a:hover {
color: #999999;
background: none;
text-decoration: underline;
}
#content h3 {
color: #333333;
font-size: 14px;
font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
font-weight: bold;
margin-bottom: 0px;
line-height: 120%;
}
#content h3 a {
color: #333333;
text-decoration: none;
}
#content h3 a:hover {
color: #999999;
background: #ffffff;
text-decoration: underline;
}
#content ol {
list-style-type: decimal;
line-height: 18px;
margin: 0px;
padding: 0px 0px 10px 30px;
}
#content ul {
list-style: none;
margin: 0px;
padding: 0px 0px 10px 0px;
}
#content li {
margin: 0px;
padding: 0px;
}
#content ul li {
list-style: square inside;
margin: 0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
}
#content ul li a {
color: #666666;
text-decoration: underline;
}
#content ul li a:hover {
color: #000000;
text-decoration: underline;
}
blockquote{
margin: 0px 0px 0px 25px;
padding: 0px 25px 0px 10px;
font-style: italic;
color: #666666;
border-left: 1px solid #cccccc;
}
#content blockquote p{
margin: 0px 0px 20px 0px;
padding: 0px;
}
.postspace {
width: 440px;
height: 32px;
margin: 0px;
padding: 0px;
}
.postspace2 {
width: 440px;
height: 0px;
margin: 0px;
padding: 0px;
}
.postspace3 {
width: 440px;
height: 15px;
margin: 0px;
padding: 0px;
}
#sidebar {
display: block;
color: #000000;
width: 190px;
float: left;
position:relative;
margin: 20px 20px 20px 20px;
padding: 20px 30px 20px 30px;
text-align: left;
border: 1px dashed #cccccc;
}
* html #sidebar { margin: 20px 20px 20px 10px; }
#sidebar p{
margin: 0px;
line-height: 18px;
padding: 5px 0px 10px 0px;
text-align:justify;
color:#999999;
}
#sidebar h2 {
color: #333333;
font-size: 15px;
font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;
list-style: none;
padding: 10px 0px 10px 0px;
margin: 0px;
border-bottom: 1px solid #cccccc;
}
#sidebar ul {
list-style: none;
margin: 0px;
padding: 0px 0px 20px 0px;
}
#sidebar li {
list-style: none;
margin: 0px;
padding: 0px;
}
#sidebar ul li {
list-style: none;
margin: 0px;
padding: 6px 0px 5px 0px;
}
#sidebar ul li a {
color: #999999;
font-weight: bold;
text-decoration: underline;
}
#sidebar ul li a:hover {
color: #000000;
text-decoration: none;
}
#footer {
color: #ffffff;
background-color:#223546;
font-size: 10px;
font-weight: normal;
padding: 20px 20px 20px 20px;
height: 20px;
text-align: center;
clear: both;
border-top: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
}
#footer a {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}
#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}Über Hilfe wäre ich sehr froh, da ich ehrlich gesagt nicht mehr weiß wo ich noch gucken soll....