Hallo!
Ich habe mir mithilfe eines Tutorials mein Design an Wordpress
angepasst.
Bisher habe ich mich durchgekämpft, um meine Wünsche zu
erfüllen, aber es sind immer wieder einige Fragen offen geblieben.
Ich fände es wirklich nett, wenn ihr mir diese beantworten könntet.
Glaubt bitte nicht, dass ich es mir einfach machen will und die
Arbeit jemand anderen anhängen will. Ich habe selbst vesucht, die
Probleme zu lösen, habe es aber nicht geschafft (liegt wohl auch daran,
dass ich noch kein Profi in Sachen (X)HTML, CSS und Wordpress bin).
Vielen Dank im Voraus!
Zuerst einmal meine Seite: http://tobias-art.de/
1) Ich habe einen DIV-Container in header.php für mein Logo angelegt:
<div id="logo">
<a href="index.php"><img src="[URL]http://tobias-art.de/wp-content/themes/iboTSUKI/img/logo.png[/URL]" alt="Logo"/></a>
</div>
Die header.php liegt im normalen Verzeichnis (iboTSUKI).
Wenn ich oben jedoch folgenden Code verwende:
<div id="logo">
<a href="index.php"><img src="[URL="http://tobias-art.de/wp-content/themes/iboTSUKI/img/logo.png"][COLOR=#800080]img/logo.png[/COLOR][/URL]" alt="Logo"/></a>
</div>
Dann zeigt er das Logo nicht an. Woran liegt das?
2) Ist es möglich, eine "dynamische" Dropdown- Navigation in Wordpress zu machen?
Mit "dynamisch" meine ich in dem Fall, dass Wordpress automatisch für jede
von mir erstellte Seite einen Oberpunkt in der Dropdown-Navi anlegt
und für jede Unterseite einen Unterpunkt (also der dann unter dem Haupt-
punkt liegt).
Wenn es möglichst nur mit HTML und CSS geht, könnt ihr mir erklären, wie?
3) Beim Validieren von XHTML 1.0 Strict bekomme ich nur noch diesen Feher:
[I]Line 89, Column 57[/I]: document type does not allow element "form" here; missing one of "object", "ins", "del", "map" start-tag
<form method="get" id="searchform" action="/index.php" [B]>[/B][URL="http://validator.w3.org/feedback.html?uri=http%3A%2F%2Ftobias-art.de%2F;errmsg_id=65#errormsg"][COLOR=#0066cc]✉[/COLOR][/URL]
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there [I]and[/I] can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
In einem anderen Forum habe ich gelesen, dass XHTML die DIVs innerhalb dieses Formulars haben will. Doch das geht in meinem Fall schlicht und weg nicht: Das Formular gehört dem DIV "sidebar" an, und dazu gehören natürlich noch andere Sachen, zum Beispiel die Kategorien. Würde ich das jetzt innerhalb der Suche tun, dann würde das nicht mehr funktionieren.
Wie kann ich diesen einzigen, blöden Fehler korrigieren, dass meine Seite
XHTML 1.0 Strict validiert ist?
4) Das ist jetzt evtl. etwas viel verlangt, aber wenn jemand so nett wär, könnte jemand mal über meinen Code drüber schauen und gucken, ob ihm
noch irgendwas bestimmtes auffällt, was z.B. nicht richtig ist oder was unnütz ist?
Hier der CSS-Code, für den Anfang:
/*
Theme Name: iboTSUKI
Theme URI: [URL]http://tobias-art.de/[/URL]
Description: Elegantes Blog-Theme
Author: Ibotsu
Author URL: [URL]http://tobias-art.de/[/URL]
*/
body {
background-color : #3b3331;
background-image : url(img/bg.jpg);
background-repeat : no-repeat;
background-position : center;
font-family : Calibri, Arial, Verdana;
}
#container {
margin : 0 auto;
margin-top : 50px;
width : 980px;
height : 100%;
}
#logo {
padding-top : 0;
width : 900px;
height : 40px;
}
a img {
border : 0;
}
#navi {
height : 35px;
width : 980px;
margin : 0;
}
ul#navigation {
padding : 0;
width : 980px;
list-style : none;
height : 35px;
}
ul#navigation li {
width : 100px;
height : 35px;
display : inline;
list-style : none;
}
ul#navigation li a {
height : 35px;
float : left;
text-indent : -9999px;
text-decoration : none;
}
ul#navigation li a span {
float : left;
display : inline;
}
ul#navigation li#home a {
width : 100px;
background : url(img/home.png) no-repeat 0 0%;
}
ul#navigation li#home a:active, ul#navigation li#home a:hover {
background : url(img/home_hover.png) no-repeat 0 0%;
}
ul#navigation li#gallery a {
width : 100px;
background : url(img/gallery.png) no-repeat 0 0%;
}
ul#navigation li#gallery a:active, ul#navigation li#gallery a:hover {
background : url(img/gallery_hover.png) no-repeat 0 0%;
}
ul#navigation li#impress a {
width : 100px;
background : url(img/impressum.png) no-repeat 0 0%;
}
ul#navigation li#impress a:active, ul#navigation li#impress a:hover {
background : url(img/impressum_hover.png) no-repeat 0 0%;
}
ul#navigation li#about a {
width : 100px;
background : url(img/about.png) no-repeat 0 0%;
}
ul#navigation li#about a:active, ul#navigation li#about a:hover {
background : url(img/about_hover.png) no-repeat 0 0%;
}
#content {
float : left;
width : 800px;
background-color : white;
padding-left : 20px;
}
#content p {
padding-left : 10px;
padding-right : 15px;
font-size : medium;
}
#content h2 {
background-image : url(img/news.png);
background-repeat : no-repeat;
height : 30px;
width : 445px;
padding-left : 10px;
padding-right : 15px;
padding-top : 0;
font-size : 1.7em;
color : #5680b0;
text-decoration : none;
font-size : 125%;
}
#content a:link {
text-decoration : none;
color : #423a91;
}
#content a:hover {
text-decoration : underline;
color : #6b63b3;
}
#content a:visited {
text-decoration : none;
}
#sidebar {
float : right;
width : 160px;
height : 100%;
background-color : #dcdadb;
}
#sidebar a:link {
text-decoration : none;
color : #423a91;
}
#sidebar a:hover {
text-decoration : underline;
color : #6b63b3;
}
#sidebar a:visited {
text-decoration : none;
}
#pic {
padding-top : 20px;
padding-left : 35px;
}
#footer {
clear : both;
padding-top : 10px;
width : 900px;
height : 30px;
}
#image {
padding-left : 50%;
}
.sidebar {
padding-left : 10px;
}
Alles anzeigen
5) Wenn ihr beim Artikel "Lorem Ipsum" mal auf "Weiter lesen..." klickt, seht
ihr, dass man nicht oben beginnt, sondern er komischerweise etwas runterspringt. Woran liegt das und wie kann ich machen, dass er oben auf der Seite bleibt?
Ich wäre euch wirklich dankbar für eure Hilfe!
MfG Ibotsu!