✔ Frage zur Ausrichtung

Status
Nicht offen für weitere Antworten.
A

allstar05

Mitglied
Hi,

könnt Ihr mir sagen wie ich die Suchbox auf die rechte Seite kriege,
und das Menu bleibt links? http://www.vwtalk.de/test/

Habe wahrscheinlich einige "nicht gute" css Angaben im Quelltext, aber ich
finde einfach nicht wie das geht. Nach bestimmt 1 Stunde rumproibieren bin ich nun hier gelandet.

Wäre auch super wenn ihr den Quelltext was vebesser könntet.
Vielen Dank schonmal.
 
Hier das erweiterte CSS-Modell mit rechtsbündigen Formularelementen:

HTML: 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>vwTalk.de</title>
<style type="text/css">
<!--
body {
        background-color: #FFFFFF;
}

div.rahmen{
width:850px;margin:0px auto;
}

div.header {
background-image: url(header.jpg);
background-color:#4C6792;
width:850px;height:100px;
}

div.navi {
width: 848px;
background-color:#95ADD3;
border:1px solid #4C6792;
}

div.topmenu {
font:bold 12px Arial;
padding:5px;
width: 640px;
}

a.topmenu { margin:2px; text-align:center;
         padding-left:5px; padding-right:5px; text-decoration:none; }

a.topmenu:link    { color:#FFFFFF; background-color:#4C6792; }
a.topmenu:visited { color:#FFFFFF; background-color:#4C6792; }
a.topmenu:hover   { color:#95ADD3; background-color:#3B5276; }
a.topmenu:active  { color:#95ADD3; background-color:#3B5276; }

.formBox {
margin: 0;
padding: 0;
float: right;
width: 195px;
}

.form { display:inline; }
.textfeld { background:#4C6792; width:130px; font-size: 10px;}
.button { width:50px; font-size: 10px;}
-->
</style>

</head>
<body>

<div class="rahmen">

     <div class="header"></div>

     <div class="navi">
          <div class="formBox">
               <form class="form" name="form1" id="form1" method="post" action="">
                 <input class="textfeld" name="textfield" type="text"/>
                 <input class="button" type="submit" name="Submit" value="Suchen" />
               </form>
          </div>

          <div class="topmenu">
               <a class="topmenu" href="http://">NEWS</a>
               <a class="topmenu" href="http://">FORUM</a>
               <a class="topmenu" href="http://">GALLERIE</a>
               <a class="topmenu" href="http://">MEMBERLIST</a>
               <a class="topmenu" href="http://">GEO MAP</a>
          </div>
     </div>

</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück