Ich kann absolut nicht nach vollziehen, wieso sich die Headline <h2>Tweets</h2> nicht durch die CSS Anweisung formatieren lässt. Vielleicht findet ja jemand den Fehler - ich bin ratlos...
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Freesteiler | David Strüning</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="jquery.tweet.css" media="all" rel="stylesheet" type="text/css"/>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="/tweet/jquery.tweet.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function(){
$(".tweet").tweet({
username: "DStruening",
join_text: "auto",
avatar_size: 32,
count: 3,
auto_join_text_default: "we said,",
auto_join_text_ed: "we",
auto_join_text_ing: "we were",
auto_join_text_reply: "we replied to",
auto_join_text_url: "we were checking out",
loading_text: "loading tweets..."
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="about">
<h2>About</h2>
<ul>
<li>XXX</li>
<li>XXX</li>
<li>XXX</li>
<br>
<li style="width:50px;float:left;">Email</li>
<li style="width:150px;float:left;">XXX</li>
<li style="width:50px;float:left;">Mobile</li>
<li style="width:150px;float:left;">XXX</li>
<li style="width:50px;float:left;">Skype</li>
<li style="width:150px;float:left;">XXX</li>
</ul>
<div class="clear"></div>
</div>
<div class="tweet">
<h2>Tweets</h2>
</div>
<div class="clear"></div>
</div>
</body>
</html>Code
* {
margin: 0;
padding: 0;
}
body {
background: url(header.png) top left no-repeat #2c2117;
font-family: Helvetica;
font-size: 11px;
}
.clear {
clear: both;
}
h2*{
font-size: 30px;
color: #95b400;
margin-bottom: 12px;
}
#wrapper {
width: 580px;
height: auto;
position: absolute;
top: 200px;
left: 120px;
}
#wrapper #about {
width: 200px;
height: auto;
float: left;
margin-right: 80px;
}
#wrapper #about h2 {
font-size: 40px;
color: #95b400;
margin-bottom: 12px;
}
#wrapper #about ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#wrapper #about ul li {
color: #50463e;
padding: 4px 0px 4px 0px;
}
#wrapper #about ul li a{
}
#wrapper #about ul li a:hover{
}
#wrapper .tweet {
width: 300px;
height: auto;
float: left;
}
#wrapper .tweet h2*{
font-size: 30px;
color: #95b400;
margin-bottom: 12px;
}
Vielen Dank schon mal im Voraus!
Schöne Grüße
