nicht angemeldet
Hallo Forum,
ich bin langsam am verzweifeln. Folgender HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
div.center
{
margin:auto;
height: 20px;
width: 900px;
text-align:left;
}
form.inline
{
display:inline;
}
ul#navlist_left, ul#navlist_right
{
list-style-type: none;
margin: 0;
padding: 0;
vertical-align:middle;
}
ul#navlist_left li,ul#navlist_right li
{
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding-left: 4px;
text-transform: uppercase;
}
ul#navlist_left li input
{
font-size: 11px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
ul#navlist_left li a, ul#navlist_right li a
{
color: #000000;
text-decoration: none;
}
ul#navlist_left
{
float:left;
}
ul#navlist_right
{
float:right;
}
ul#navlist_left li#welcome, ul#navlist_left li#sitemap, ul#navlist_left li#credits,
ul#navlist_left li#contact, ul#navlist_left li#search
{
background-repeat: no-repeat;
padding-left: 10px; padding-right: 12px;
background-position: left;
}
ul#navlist_left li#welcome
{background-image: url(/images/h_ikon_home.gif);}
ul#navlist_left li#sitemap
{background-image: url(/images/h_ikon_sitem.gif);}
ul#navlist_left li#credits
{background-image: url(/images/h_ikon_credit.gif);}
ul#navlist_left li#contact
{background-image: url(/images/h_ikon_contact.gif);}
ul#navlist_left li#search
{background-image: url(/images/h_ikon_search.gif);}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class='center' style='border:1px solid green;'>
<ul id='navlist_left' style='border:1px solid red;'>
<li id='welcome'><a href="/C9220ACD5BA1F2288DA8544A9E41EB44/IT/Welcomepage.html">Benvenuti</a></li>
<li id='sitemap'><a href="/C9220ACD5BA1F2288DA8544A9E41EB44/IT/Hotellist.html">Sitemap</a></li>
<li id='credits'><a href="/C9220ACD5BA1F2288DA8544A9E41EB44/IT/Credits.html">Credits</a></li>
<li id='contact'><a href="/C9220ACD5BA1F2288DA8544A9E41EB44/IT/Contact.html">Contatti</a></li>
<li id='search'><a href="/C9220ACD5BA1F2288DA8544A9E41EB44/IT/Search.html">Ricerca</a></li>
<li><form class='inline' action="/result_fulltext.php" method="GET" name="result_fulltextS">
<input type="text" name='fulltext' size="20" />
<a href="#" onClick="document.result_fulltextS.submit();return false;">ok</a>
<input type='hidden' name='mylng' value='IT' />
<input type='hidden' name='myrid' value='C9220ACD5BA1F2288DA8544A9E41EB44' />
<input type='hidden' name='newSearch' value='1' />
</form>
</li>
</ul>
<ul id='navlist_right' style='border:1px solid yellow;'>
<li><a href="/C9220ACD5BA1F2288DA8544A9E41EB44/C9220ACD5BA1F2288DA8544A9E41EB44/IT/index.html"><img src="/images/flag_it.gif" alt="Organizzare un marketing di successo - Idealnet Idealnet" width="21" height="14" border="0" /></a></li><li><a href="/C9220ACD5BA1F2288DA8544A9E41EB44/C9220ACD5BA1F2288DA8544A9E41EB44/EN/index.html"><img src="/images/flag_en.gif" alt="Organizzare un marketing di successo - Idealnet Idealnet" width="21" height="14" border="0" /></a></li></ul>
</div>
</body>
</html>
Bitte auf die Dateien und links nicht schauen.
Ich möchte eine kleines Menü bauen. Aber ich schaffe es nicht die Einträge in der Unsorted List in bezug auf das inout zu zentrieren. Und auch die 2 Bilder an der rechten Seite kann ich nicht dazu bewegen sich zu zentrieren.
Habe schon probiert der Liste und dem div vertical-align zu geben. Was aber der Opera nicht anzeigt.
Ich hoffe mir kann jemand helfen.
Danke!!
Gruß
Andi