zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Wordpress: Content im Quelltext VOR allem anderen, aber wie?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.06.2009, 00:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2009
Beiträge: 3
Bichareh befindet sich auf einem aufstrebenden Ast
Standard Wordpress: Content im Quelltext VOR allem anderen, aber wie?

Hi Leute ich wurde von einem anderen User hierher empfohlen. Vielleicht könnt ihr mir ja helfen bei meinem Problem.

Ich habe mal mittels seo-browser geschaut wie Google meinen Blog sieht. Dabei ist mir aufgefallen das bei mir nicht der Content zuerst gesehen wird, sondern die ganzen 540 Kategorien die bei mir in der linken Navi sind! Erst danach kommen die Beiträge.

Aber das will ich nicht. Ich will dass das Wichtigste zuerst gezeigt wird - der Content. Ich hab mal bei einem direkten Konkurrenten geschaut von mir, der hat die Seite ähnlich angeordnet, auch zwei Sidebars mit reichlich Zeug drin, trotzdem wird bei ihm der Content zuerst gezeigt.

Nun die Frage an euch Profis: Wie kriege ich es hin das der Content zu allererst kommt (natürlich nach der noch wichtigeren Seitenbeschreibung). Hier, so sieht es aus im Seo-Browser.

Ich würde es gerne mit kompetenter Hilfestellung selbst ändern, bin leider nicht so bewandert in solchen Dingen. Bin aber auch bereit ein paar Euro zu zahlen, hab nicht viel zur Verfügung, deshalb ist es wohl eher an Studenten gerichtet.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.06.2009, 13:30
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.844
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Ich denke die einfachste Möglichkeit stellt hier float dar.

Du könntest z.B. aus den 3 Spalten erstmal 2 mal 2 Spalten gruppieren.

Erstmal fasst Du die linke Spalte und den Content zusammen und anschließend diese zusammengesetzte "linke Spalte" mit der rechten Spalte.

Nun kannst Du in der zusammengesetzten Spalte zuerst den Inhalt, dann die Navigation ins Markup schreiben. Den Inhalt floatest Du rechts, die Navigation links.

Für den äußeren Container gilt dann, dass die zusammengesetzte "linke Spalte" links gefloatet wird und die rechte Spalte rechts.

Aufpassen, dass die floats korrekt eingeschlossen werden und dann sollte das so laufen.

Grundlegender Aufbau:
HTML-Code:
<div id="main">
   <div id="main_left">
      <div id="content"><!-- ... --></div>
      <div id="left"><!-- ... --></div>
   </div>
   <div id="right"><!-- ... --></div>
</div>
Wobei ich mir noch andere Namen für die IDs ausdenken würde, die gefallen mir so nicht.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.06.2009, 13:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2009
Beiträge: 3
Bichareh befindet sich auf einem aufstrebenden Ast
Standard

Danke, das ist doch schonmal ein Anfang

Also das mit den Spalten zusammenfassen hab ich schonmal halbwegs geschnallt. Aber das mit dem "floaten" ist mir eine Nummer zu hoch. Ich habe mir zwar heute schon allerhand Erklärungen zu "floats" durchgelesen, also was das ist, aber ich raffe es nicht so richtig, und kanns schon gar nich umsetzen...uiuiui, da wird mir Angst und Bange ^^
Mit Zitat antworten
  #4 (permalink)  
Alt 13.06.2009, 13:58
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.844
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Ich hab' Dir mal ein Beispiel erstellt.
Die Breitenangaben müssten natürlich entsprechend angepasst werden.

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

	<head>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
		
		<title>[ untitled ]</title>
		
		<style type="text/css">
			* {
				margin:  0;
				padding: 0;
			}
			#main {
				margin:     0 auto;
				width:      900px;
				background: #CCC;
			}
			#main_left {
				float:      left;
				width:      79%;
				background: #DDD;
			}
			#content {
				float:      right;
				width:      74%;
				background: #EEE;
			}
			#left {
				float:      left;
				width:      25%;
				background: #EEE;
			}
			#right {
				float:      right;
				width:      20%;
				background: #DDD;
			}
			hr.clear {
				clear:      both;
				height:     1px;
				visibility: hidden;
				margin-top: -1px;
			}
			
		</style>
	</head>

	
	<body>
		
		<div id="main">
			<div id="main_left">
				<div id="content">[ content ]</div>
				<div id="left">[ left ]</div>
			</div>
			<div id="right">[ right ]</div>
			<hr class="clear" />
		</div>
		
	</body>
	
</html>
Zu beachten ist hier, dass ich ein hr zum clearen benutzt habe, um den Haupt-Container aufzuspannen, dafür kann man noch etliche andere Verfahren nutzen, z.B. EasyClearing oder Float-in-float.

Am besten schaust Du Dir das Beispiel einmal an und testest damit ein wenig rum. Parallel würde ich mich aber auch ein wenig in floats einlesen, damit Du auch weißt, was Du da machst und warum es wichtig ist korrekt zu clearen, bzw. was es für Auswirkungen hat, wenn man nicht oder anders cleart.
Mit Zitat antworten
  #5 (permalink)  
Alt 13.06.2009, 16:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2009
Beiträge: 3
Bichareh befindet sich auf einem aufstrebenden Ast
Unglücklich

Okay, das war ja schon recht ausführlich Danke nochmal.

Ich hab jetzt seit fast 2 Stunden hier rumprobiert in der Headerdatei rumgeschrieben, in der CSS geschrieben. Ähhh mit dem Ergebnis das mein Blog kurzzeitig komplett unerreichbar war. Gott sei Dank hab ich meinen nicht so wichtigen Zweitblog zum testen genommen *lol*

Bin mit meinem Latein grad irgendwie am Ende. Ich poste mal die Originalheader-Datei und die Style-Datei. Da steht auch Massen von Zeug drin, da seh ich absolut nicht durch. Dann gibts ja da auch noch eine index.php und eine page.php, müssen die auch geändert werden? Ohjemine. Ich seh schon...ich werd mein ganzes Wochenende vergeuden mit rumprobieren, und am Ende kommt eh nix bei raus.

Hast du vllt. MSN Live Messenger oder so? ^^

Style
Code:
*/
body {
background:#e9e9e9;
color:#61676b;
font-family:"Verdana", Arial;
font-size:12px;
margin:0;
padding:0;
}

img {
background:transparent;
border:none;
}

#header {
width:auto;
height:145px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}

#header-shrink {
width:1014px;
height:191px;
margin:0 auto;
padding:0;
position:relative;
}

#branding-body h2 {
width:506px;
height:145px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#branding {
width:506px;
height:145px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#logo {
width:506px;
height:145px;
top:0;
position:relative;
float:left;
}

#logo a {
width:506px;
height:145px;
position:relative;
float:left;
border:none;
}

#search-body {
background:url("images/Header-SearchBody.png") no-repeat;
width:268px;
height:48px;
margin:0;
padding:0;
position:relative;
float:right;
overflow:hidden;
}

#searchform-top {
margin:5px 0 0;
padding:0;
position:relative;
}

#s-top {
width:196px;
height:22px;
color:#5c5f62;
font-style:italic;
background:transparent;
border:none;
margin:0;
padding:0 0 0 10px;
top:6px;
left:12px;
position:relative;
float:left;
}

#submit-top {
margin:0;
padding:0;
top:2px;
left:17px;
position:relative;
}

#navigation-bar {
width:508px;
height:35px;
margin:0;
padding:0;
top:70px;
position:relative;
float:left;
overflow:hidden;
}

#navigation {
width:auto;
height:35px;
margin:0;
padding:0;
position:relative;
float:left;
}

#navigation ul {
height:35px;
padding:0;
margin:0;
list-style-type:none;
float:left;
}

#navigation li {
background:url("images/Navigation-TabTip-Normal.png") no-repeat top left;
height:35px;
padding:0 0 0 11px;
margin:0;
list-style-type:none;
float:left;
}

#navigation li a {
background:url("images/Navigation-TabExt-Normal.png") no-repeat top right;
color:#fff;
font-size:11px;
font-weight:700;
text-decoration:none;
margin:0;
padding:7px 16px 8px 0;
float:left;
display:block;
}

#navigation li a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

#navigation li a:hover {
color:#434343;
font-weight:700;
text-decoration:none;
}

#navigation li,.current_page_item {
color:#3f392f;
font-weight:700;
text-decoration:none;
}

#content {
background:url("images/Content-BodyBackground-Loop.png") repeat-y;
width:1014px;
height:auto;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}

#content-top-graphic {
background:url("images/Content-BodyBackground-Top.png") no-repeat;
width:1014px;
height:8px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}

#content-bottom-graphic {
background:url("images/Content-BodyBackground-Bottom.png") no-repeat;
width:1014px;
height:15px;
margin:0 auto;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#content-shrink {
width:1014px;
height:auto;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
margin-bottom:22px;
}

#toolbar-body {
width:1004px;
height:65px;
margin:0 auto;
padding:0 0 0 10px;
position:relative;
overflow:hidden;
}

#toolbar-body img {
width:245px;
height:65px;
margin:0;
padding:0;
border:none;
}

#posts-body {
width:576px;
height:auto;
margin:0;
padding:0;
left:18px;
position:relative;
float:left;
overflow:hidden;
}

.post {
background:url("images/Content-Post-TitleBody.png") no-repeat;
width:576px;
margin:10px 0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-alt {
background:url("images/Content-Post-TitleBody-Alt.png") no-repeat;
width:576px;
margin:10px 0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-date {
width:68px;
height:82px;
float:left;
}

.post-date-day {
color:#fff;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:23px 3px 0 0;
display:block;
}

.post-date-month {
color:#5c5656;
font-size:12px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:0 3px 0 0;
display:block;
}

.post-title {
width:493px;
height:82px;
text-align:left;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.post-title h1 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h1 a {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h1 a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h1 a:hover {
color:#fff;
font-weight:700;
text-decoration:underline;
}

.post-title h1 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h2 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h2 a {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h2 a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h2 a:hover {
color:#fff;
font-weight:700;
text-decoration:underline;
}

.post-title h3 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h3 a {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h3 a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h3 a:hover {
color:#fff;
font-weight:700;
text-decoration:underline;
}

.post-info {
width:493px;
height:auto;
color:#fff;
font-size:11px;
text-align:left;
margin:0 0 0 15px;
padding:0;
top:28px;
position:relative;
overflow:hidden;
}

.post-info a {
color:#fff;
text-decoration:underline;
}

.post-info a:visited {
color:#fff;
text-decoration:underline;
}

.post-info a:hover {
color:#fff;
text-decoration:none;
}

.post-content-body {
width:576px;
height:auto;
min-height:30px;
margin:0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-article {
width:563px;
font-size:12px;
line-height:19px;
text-align:left;
word-spacing:1px;
margin:10px 0 0;
left:5px;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-article p {
margin:0;
padding:0 0 10px;
position:relative;
}

.post-article a {
color:#f30d56;
text-decoration:underline;
}

.post-article a:visited {
color:#f30d56;
text-decoration:underline;
}

.post-article a:hover {
color:#c50844;
text-decoration:underline;
}

.post-article blockquote {
background:#e9e9e9;
border-left:5px solid #dadada;
margin:10px 0 15px;
padding:1px 10px;
position:relative;
}

.post-article blockquote p {
color:#61676b;
font-style:italic;
margin:0;
padding:10px 0;
position:relative;
}

.post-article blockquote blockquote {
background:#f5f5f5;
}

.post-article img {
padding:0;
max-width:100%;
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
padding:5px;
margin:0;
display:inline;
}

img.alignleft {
padding:5px;
margin:0;
display:inline;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:0 solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
}

.wp-caption img {
margin:0;
padding:0;
border:0 none;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}

.post-footer-alt {
width:576px;
height:13px;
margin:0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-footer {
width:563px;
height:auto;
margin:0;
padding:11px 0 15px;
left:5px;
position:relative;
float:left;
clear:both;
}

.post-lower-info {
color:#61676b;
font-size:11px;
text-align:left;
margin:0;
padding:0;
position:relative;
overflow:hidden;
clear:both;
}

.post-lower-info a {
color:#f30d56;
text-align:center;
text-decoration:underline;
}

.post-lower-info a:visited {
color:#f30d56;
text-align:center;
text-decoration:underline;
}

.post-lower-info a:hover {
color:#c50844;
text-align:center;
text-decoration:none;
}

.post-spacer {
width:576px;
height:30px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

.page-navigation {
background:#e9e9e9;
width:566px;
height:15px;
font-size:11px;
font-weight:700;
text-align:center;
margin:30px 0 0;
padding:5px;
left:0;
position:relative;
float:left;
clear:both;
}

.page-navigation a {
color:#f30d56;
text-decoration:none;
}

.page-navigation a:visited {
color:#f30d56;
text-decoration:none;
}

.page-navigation a:hover {
color:#c50844;
text-decoration:underline;
}

.page-nav-prev {
float:left;
}

.page-nav-next {
float:right;
}

.not-found {
width:576px;
text-align:center;
margin:50px 0 0;
padding:0;
position:relative;
float:left;
}

.not-found h2 {
color:#f30d56;
font-size:12px;
font-weight:700;
text-transform:uppercase;
margin:0;
padding:0;
}

#comments-body {
width:576px;
height:auto;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.comments-center-alt {
width:546px;
height:auto;
color:#4096ee;
font-size:11px;
font-weight:700;
font-style:italic;
text-align:center;
margin:0;
padding:15px;
position:relative;
float:left;
}

.comments-center {
width:576px;
height:auto;
color:#4096ee;
font-size:11px;
font-weight:700;
text-align:center;
margin:0;
padding:0;
position:relative;
float:left;
}

#comments {
width:576px;
height:auto;
border-bottom:1px solid #f1eddf;
margin:0;
padding:0;
left:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

.comment-box {
width:576px;
border-top:1px solid #f1eddf;
margin:0;
padding:10px;
position:relative;
float:left;
overflow:hidden;
}

.black {
background:#fff;
}

.white {
background:#f9f9f9;
}

.avatar {
padding:0 10px 0 0;
float:left;
}

.comment-info {
width:518px;
height:auto;
border-bottom:1px solid #e9e9e9;
position:relative;
float:left;
}

.comment-author {
width:100%;
color:#094b90;
font-size:11px;
font-weight:700;
margin:5px 0 0;
padding:0;
position:relative;
float:left;
}

.comment-author a {
color:#4096ee;
text-decoration:underline;
}

.comment-author a:visited {
color:#4096ee;
text-decoration:underline;
}

.comment-author a:hover {
color:#1f558c;
text-decoration:none;
}

.comment-stat {
color:#61676b;
font-size:11px;
text-decoration:none;
margin:7px 0 5px;
padding:0;
position:relative;
float:left;
}

.comment-stat a {
color:#f30d56;
text-decoration:underline;
}

.comment-stat a:visited {
color:#f30d56;
text-decoration:underline;
}

.comment-stat a:hover {
color:#c50844;
text-decoration:none;
}

.comment-text {
width:570px;
font-size:11px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.comment-text p {
color:#61676b;
margin:10px 0;
padding:0;
position:relative;
}

.comment-text a {
color:#f30d56;
text-decoration:underline;
}

.comment-text a:visited {
color:#f30d56;
text-decoration:underline;
}

.comment-text a:hover {
color:#c50844;
text-decoration:none;
}

.comment-text blockquote {
background:#e9e9e9;
border-left:5px solid #dadada;
margin:10px 0 15px;
padding:1px 10px;
}

.comment-text blockquote p {
color:#61676b;
font-style:italic;
margin:0;
padding:10px 0;
}

.comment-text blockquote blockquote {
background:#f5f5f5;
}

.comment-spacer {
width:576px;
height:20px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#comment-form {
width:576px;
height:auto;
margin:0;
padding:15px 0 0;
position:relative;
float:left;
}

#comment-form h2 {
color:#4096ee;
font-size:11px;
text-decoration:none;
margin:0;
padding:0;
}

#comment-form p {
color:#61676b;
font-size:11px;
margin:10px 0 0;
padding:0;
}

#comment-form b {
color:#61676b;
}

#comment-form a {
color:#f30d56;
font-size:11px;
text-decoration:underline;
}

#comment-form a:visited {
color:#f30d56;
text-decoration:underline;
}

#comment-form a:hover {
color:#c50844;
text-decoration:none;
}

#commentform label {
color:#f30d56;
font-size:11px;
left:10px;
position:relative;
}

#commentform #author,#commentform #email,#commentform #url,#commentform textarea {
color:#b3b4b5;
background-color:#fdfdfd;
border:3px solid #e9e9e9;
font-size:12px;
padding:0 0 3px 2px;
overflow:hidden;
}

#commentform:hover #author:hover,#commentform:hover #email:hover,#commentform:hover #url:hover,#commentform textarea:hover {
color:#61676b;
background-color:#fdfdfd;
border:3px solid #dadada;
padding:0 0 3px 2px;
}

#commentform:focus #author:focus,#commentform:focus #email:focus,#commentform:focus #url:focus,#commentform textarea:focus {
color:#61676b;
background-color:#fdfdfd;
border:3px solid #f30d56;
padding:0 0 3px 2px;
}

#commentform textarea {
width:550px;
height:150px;
overflow:hidden;
}

.comment-form-center {
width:576px;
height:auto;
color:#f30d56;
font-size:11px;
font-weight:700;
text-align:center;
margin:0;
padding:10px 0 0;
position:relative;
float:left;
}

.sidebar-spacer-s {
width:200px;
height:10px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

.sidebar-spacer-l {
width:200px;
height:10px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

#sidebar-left {
width:200px;
margin:0;
padding:0;
left:10px;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-left h5 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-left h5 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-left h6 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-left h6 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-left a {
color:#61676b;
text-decoration:none;
}

.sidebar-item-left a:visited {
color:#61676b;
text-decoration:none;
}

.sidebar-item-left a:hover {
color:#61676b;
text-decoration:underline;
}

.sidebar-item-left ul {
width:200px;
color:#61676b;
font-size:12px;
list-style:none;
border-bottom:1px dashed #ebeaea;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-left ul li {
width:185px;
height:auto;
border-top:1px dashed #ebeaea;
margin:0;
padding:5px 0 5px 16px;
float:left;
overflow:hidden;
}

.sidebar-item-left ul li ul {
background:none;
width:auto;
height:auto;
border:none;
color:#a3a4a5;
margin:4px 0 2px;
padding:0;
overflow:hidden;
}

.sidebar-item-left ul li ul li {
width:185px;
height:auto;
border:none;
color:#a3a4a5;
font-size:11px;
margin:0;
padding:5px 0 5px 10px;
float:left;
overflow:hidden;
}

#sidebar-right {
width:200px;
margin:0;
padding:0;
left:26px;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-right h6 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-right h5 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}


#sidebar-right h5 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-right h6 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-right a {
color:#61676b;
text-decoration:none;
}

.sidebar-item-right a:visited {
color:#61676b;
text-decoration:none;
}

.sidebar-item-right a:hover {
color:#61676b;
text-decoration:underline;
}

.sidebar-item-right ul {
width:200px;
color:#61676b;
font-size:12px;
list-style:none;
border-bottom:1px dashed #ebeaea;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-right ul li {
width:185px;
height:auto;
border-top:1px dashed #ebeaea;
margin:0;
padding:5px 0 5px 16px;
float:left;
overflow:hidden;
}

.sidebar-item-right ul li ul {
background:none;
width:auto;
height:auto;
border:none;
color:#a3a4a5;
margin:4px 0 2px;
padding:0;
overflow:hidden;
}

.sidebar-item-right ul li ul li {
width:185px;
height:auto;
border:none;
color:#a3a4a5;
font-size:11px;
margin:0;
padding:5px 0 5px 10px;
float:left;
overflow:hidden;
}

#sidebar-bottom {
width:1014px;
margin:0;
padding:0;
left:12px;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-bottom h4 {
background:url("images/Content-Sidebar-Tittle2.png") no-repeat;
width:314px;
height:45px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:10px 0 0 11px;
position:relative;
}


#sidebar-bottom h6 {
background:url("images/Content-Sidebar-Tittle2.png") no-repeat;
width:314px;
height:45px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:10px 0 0 11px;
position:relative;
}

.sidebar-item-bottom {
width:325px;
height:auto;
margin:0 7px 10px 0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-bottom a {
color:#61676b;
text-decoration:none;
}

.sidebar-item-bottom a:visited {
color:#61676b;
text-decoration:none;
}

.sidebar-item-bottom a:hover {
color:#61676b;
text-decoration:underline;
}

.sidebar-item-bottom ul {
width:325px;
color:#61676b;
font-size:12px;
list-style:none;
border-bottom:1px dashed #ebeaea;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-bottom ul li {
background:url("images/Content-Sidebar-Bullet.png") no-repeat 5px 6px;
width:300px;
height:auto;
border-top:1px dashed #ebeaea;
margin:0;
padding:5px 0 6px 25px;
float:left;
overflow:hidden;
}

.sidebar-item-bottom ul li ul {
background:none;
width:auto;
height:auto;
border:none;
color:#a3a4a5;
margin:4px 0 2px;
padding:0;
overflow:hidden;
}

.sidebar-item-bottom ul li ul li {
width:300px;
height:auto;
border:none;
color:#a3a4a5;
font-size:11px;
margin:0;
padding:5px 0 5px 10px;
float:left;
overflow:hidden;
}

#calendar_wrap {
width:200px;
margin:0;
padding:0 0 10px;
position:relative;
}

#wp-calendar {
width:200px;
margin:0;
padding:0 0 10px;
position:relative;
}

#wp-calendar table {
width:100%;
margin:0;
padding:0;
position:relative;
}

#wp-calendar caption {
width:100%;
color:#4096ee;
font-weight:700;
text-align:center;
margin:0;
padding:0 0 10px;
position:relative;
}

#wp-calendar th {
color:#c50844;
font-style:normal;
text-transform:capitalize;
margin:5px 0;
padding:3px 0;
}

#wp-calendar td {
border:1px solid #e9e9e9;
color:#61676b;
text-align:center;
margin:0;
padding:3px 0;
}

#wp-calendar td a {
color:#f30d56;
text-align:center;
text-decoration:underline;
margin:0;
padding:3px 0;
}

#wp-calendar td a:visited {
color:#f30d56;
}

#wp-calendar td a:hover {
color:#c50844;
}

#wp-calendar #next a {
color:#f30d56;
text-align:right;
text-decoration:underline;
margin:0;
padding-right:10px;
}

#wp-calendar #next a:visited {
color:#f30d56;
}

#wp-calendar #next a:hover {
color:#c50844;
}

#wp-calendar #prev a {
color:#f30d56;
text-align:left;
text-decoration:underline;
margin:0;
padding-left:10px;
}

#wp-calendar #prev a:visited {
color:#f30d56;
}

#wp-calendar #prev a:hover {
color:#c50844;
}

.tag-cloud {
width:200px;
text-align:left;
margin:0 auto;
padding:0;
position:relative;
}

.widget_tag_cloud {
width:200px;
text-align:left;
margin:0 auto;
padding:0;
position:relative;
}

.textwidget {
width:200px;
color:#61676b;
font-size:11px;
text-align:left;
word-spacing:1px;
line-height:20px;
margin:0 0 10px;
padding:5px 0;
}

.textwidget img {
text-align:center;
padding:0;
}

.textwidget p {
color:#61676b;
margin:0;
padding:0;
}

.textwidget a {
color:#f30d56;
text-decoration:none;
}

.textwidget a:visited {
color:#f30d56;
text-decoration:none;
}

.textwidget a:hover {
color:#c50844;
text-decoration:underline;
}

.adwidget {
width:200px;
text-align:left;
margin:0;
padding:0;
}

.adwidget img {
width:200px;
text-align:left;
margin:0;
padding:0;
}

#searchform {
margin:10px 0 0;
padding:0;
position:relative;
}

#s {
width:155px;
height:20px;
color:#b3b4b5;
font-style:italic;
background-color:#fdfdfd;
border:2px solid #e9e9e9;
margin:0;
padding:4px 0 0 3px;
position:relative;
}

#s:hover {
color:#61676b;
background-color:#fdfdfd;
border:2px solid #dadada;
}

#s:focus {
color:#61676b;
background-color:#fdfdfd;
border:2px solid #f30d56;
}

#submit {
margin:0;
padding:2px;
top:0;
position:relative;
}

#footer {
width:auto;
height:auto;
margin:0 auto;
padding:0;
position:absolute;
bottom:0;
margin-bottom:-16px;
overflow:hidden;
}

#footer-shrink {
width:1014px;
height:10px;
margin:0 auto;
padding:0;
position:relative;
}

#footer-text h6 {
width:1014px;
height:50px;
margin:0 auto;
color:#61676b;
font-size:11px;
text-align:center;
padding:20px 0 0;
position:relative;
float:left;
}

#footer-text a {
color:#f30d56;
text-decoration:underline;
}

#footer-text a:visited {
color:#f30d56;
text-decoration:underline;
}

#footer-text a:hover {
color:#c50844;
text-decoration:none;
}

#sidetitle, #sitedescription { display: none; }

#startlink {
position:absolute;
top:25px;
margin-left:5px;
display:block;
height:110px;
width:540px;
}

#startlink h1 {
position:absolute;
top:25px;
margin-left:5px;
display:block;
height:110px;
width:540px;
}
Header
Code:
<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="language" content="de" />
<meta name="publisher" content="bicharehswelt.de" />

<link href="http://www.bicharehswelt.de/favi/favicon.ico" rel="shortcut icon" />

<title><?php bloginfo('name'); ?> <?php if (is_single()) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="<?php bloginfo('template_directory'); ?>/pngfix.js"></script>
<![endif]-->


<?php wp_head(); ?>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


</head>
<body>


<!-- Header -->
<div id="header">
<div id="header-shrink">

<a id="startlink" href="<?php bloginfo('url'); ?>"></a>        

<div id="sidetitle"><h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1></div>
        <div id="sitedescription"><?php bloginfo('description'); ?></div>

<!-- Branding -->
<div id="branding-body">
<div id="logo">

<a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_directory'); ?>/images/header_herbst2.jpg" alt="<?php bloginfo('name'); ?>" /></a>


</div><!-- /Logo -->
</div><!-- /Branding Body -->

<div id="search-body">
<div>
<form id="searchform-top" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">			
<input type="text" name="s" id="s-top" value="Suchst du etwas?..." onfocus="if (this.value == 'Suchst du etwas?...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Suchst du etwas?...';}" />
<input id="submit-top" type="image" src="<?php bloginfo('template_url'); ?>/images/Header-Button-Go.png" value="Go" />
</form>
</div>
</div>

<!-- Navigation -->
<div id="navigation-bar">
<div id="navigation">
<ul>
<li<?php if (is_home() or is_archive() or is_single() or is_paged() or is_search
() or (function_exists('is_tag') and is_tag())) {
    echo ' class="current_page_item"';
} ?>><a href="<?php echo
get_option('home'); ?>">Home</a></li>
<?php wp_list_pages('depth=-1&sort_column=ID&title_li='); ?>
</ul>
</div><!-- /Navigation -->
</div><!-- /Navigation-bar -->

</div><!-- /Header Shrink -->
</div><!-- /Header -->
Mit Zitat antworten
Antwort

Stichwörter
blog, css, hilfe, seo, wordpress

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[iPad]Nach Hintergrundbild weiß trotz Deklaration test_nick CSS 8 27.06.2011 13:02
rätselhafter Leerraum zwischen Content und Footer im IE jhonnybravo CSS 5 04.03.2010 11:47
layout v.o.n.u.: 30px, rest, 30px mit div möglich? docstevie CSS 2 20.02.2005 19:58
problem mit height:100%; Philippp CSS 6 22.09.2004 16:17
Seitenaufbau mit DIVs und 100% Höhe vespasquire CSS 6 12.09.2004 15:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:36 Uhr.