Patrick_PQ
20-04-2006, 11:26
Hallo zusammen,
ich möchte innerhalb eines div eine Überschrift, rechtsbündig neben der Überschrift soll ein x als Link´zum schliessen des divs dargestellt werden. Ich bekomme aber immer einen Zeilenumbruch - kann mir mal jemand auf die Sprünge helfen? Danke!
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Filter Deluxe</title>
<style type="text/css">
<!--
#filterdeluxe{
border:3px solid #000080;
width:350px;
}
#filterdeluxe h1{
margin:0;
padding:0;
color:#fff;
background-color:#000080;
font-weight:bold;
}
.closebutton{
text-decoration:none;
float:right;
color:#fff;
}
.closebutton:hover{
text-decoration:underline;
}
br{
clear:both;
}
-->
</style>
</head>
<body>
<div id="filterdeluxe">
<h1>Filter<a class="closebutton" href="#">x</a></h1>
<br />
<ul>
<li>Nummer 1</li>
<li>Nummer 2</li>
<li>etc.p.p.</li>
</ul>
</div>
</body>
</html>
ich möchte innerhalb eines div eine Überschrift, rechtsbündig neben der Überschrift soll ein x als Link´zum schliessen des divs dargestellt werden. Ich bekomme aber immer einen Zeilenumbruch - kann mir mal jemand auf die Sprünge helfen? Danke!
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Filter Deluxe</title>
<style type="text/css">
<!--
#filterdeluxe{
border:3px solid #000080;
width:350px;
}
#filterdeluxe h1{
margin:0;
padding:0;
color:#fff;
background-color:#000080;
font-weight:bold;
}
.closebutton{
text-decoration:none;
float:right;
color:#fff;
}
.closebutton:hover{
text-decoration:underline;
}
br{
clear:both;
}
-->
</style>
</head>
<body>
<div id="filterdeluxe">
<h1>Filter<a class="closebutton" href="#">x</a></h1>
<br />
<ul>
<li>Nummer 1</li>
<li>Nummer 2</li>
<li>etc.p.p.</li>
</ul>
</div>
</body>
</html>