Hallo zusammen
Ich habe ein Problem mit der Darstellung des Slogans, welcher im Backend eingegeben werden kann. Und zwar habe ich in der header.php einen div, der sich slogan nennt und diesen darstellt. Theoretisch funktioniert das auch. Jedoch kann ich ihn nicht korrekt mit CSS definieren. Irgendwie muss wohl was mit den Proportionen oder so etwas falsch codiert sein :(
Ich bekomme es einfach nicht raus, was da schief ist!
Ich hoffe, ihr könnt mir helfen, was ich da falsch gemacht habe...
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title(' - ', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<body style="background-color:rgb(184,162,139)">
<div id="wrapper">
<div id="header">
<div id="logo"><a href="<?php bloginfo('url'); ?>"> <img src="<?php bloginfo('template_url'); ?>/images/labhart-logo.png"></a></div><!--logo-->
<div id="slogan"><?php bloginfo('description');?></div><!--slogan-->
</div><!-- header -->
<div id="menu_bild">
<img src="<?php bloginfo('template_url'); ?>/images/header-home.png" />
</div><!--menu_bild-->CSS
/* @override http://localhost:8888/wordpress/wp-content/themes/rapra/style.css */
charset "UTF-8";
/* CSS Document */
/*
Theme Name: rapra
Theme URI: http://students.sbw-media.ch/rprader
Description: Raphael Prader's Template
Author: Raphael Prader
Author URI: http://students.sbw-media.ch
*/
body{
font-family: "Tw Cen", "Trebuchet MS", "Luicida Grande", Arial;
font-size:12px;
}
#wrapper{
width: 990px;
height:auto;
margin: auto;
margin-top:25px;
text-align: left;
position:relative;
background-color: #CCC;
border: 1px solid #030000;
}
#header{
height: 100px;
padding: 6px;
background-color: rgb(217, 216, 212);
width:auto;
}
#logo{
height:100px;
width:130px;
margin:0 0 0 13px;
position:absoulte;
}
#menu_bild{
height:200px;
width:990px;
margin-bottom:5px;
}
#main{
margin-top:5px;
width: 690px;
min-height: 420px;
padding: 20px;
float: right;
font-family: "Tw Cen", "Trebuchet MS", "Luicida Grande", Arial;
font-size:13px;
background-color:rgb(230,171,110);
}
#untermenu{
float:left;
margin-top:5px;
padding: 10px 0 0 10px;
min-height: 420px;
width:250px;
background-color:rgb(153,107,58);
}
#sidebar{
width: 240px;
height: auto;
padding: 10px;
float: right;
background-color: yellow;
font-family: "Tw Cen", "Trebuchet MS", "Luicida Grande", Arial;
font-size:12px;
}
#footer{
clear: both;
padding: 20px;
background-color: rgb(110,200,230);
height: 60px;
width:auto;
}
#kommentar_formular{
width:450px;
}
a:link, a:visited{
color: black;
text-decoration:none;
}
a:hover{
color:gray;
text-decoration: underline;
}
.post{
border-bottom:2px;
}
*.entry {
background-color:#666;
color:#CCC;
padding:10px;
border-bottom:solid 4px rgb(217,190,115);
}
#menu { background-color:rgb(217,190,115);
height:27px;
width:auto;
font-family: "Tw Cen", "Trebuchet MS", "Luicida Grande", Arial;
font-size: 11pt;
}
#menu ul {position:relative; top:5px!important; padding:0; margin:0 0 0 269px; }
#menu ul li {display:inline; margin:0 1px; border-right-style: solid;border-right-width: 1px;}
#menu li {padding:2px 30px;}
#menu li:hover {padding:2px 30px;
pad}
#menu a:hover {background-color:transparent;}