Hallo,
Ich möchte im (Original-)Hemingway-Theme eine Menüleiste direkt am oberen Browser-Rand implementieren (so wie hier: http://www.iomesus.com/)
Ich habe zunächst versucht, die entsprechenden CSS-Regeln dieses Beispiels zu übernehmen und habe ein eigenes div mit einer ul direkt unter dem body-tag eingefügt.
Allerdings scheint dieses div die Position der search-bar zu beeinflussen, was ich nicht ganz nachvollziehen kann.
Was mache ich falsch?
Hier mein html-Gerüst:
HTML
<body>
<div id="topnav">
<ul>
<li>
<a style="" href="/">
Home
</a>
</li>
<li>
<a style="" href="/about">
Archive
</a>
</li>
</ul>
</div>
<div id="header">
<div class="inside">
<div id="search">
<form method="get" id="sform" action="<?php bloginfo('home'); ?>/">
<div class="searchimg"></div>
<input type="text" id="q" value="<?php echo wp_specialchars($s, 1); ?>" name="s" size="15" />
</form>
</div>
<h2> <a href="<?php echo get_settings('home'); ?>/">Rs-Music</a> </h2>..und mein CSS:
Code
#topnav {
width: 935px;
min-width:65em;
max-width:85em;
margin:0 auto;
top: 0px;
padding: 0;
}
#topnav ul {
margin: 0;
padding: 0;
float: right;
list-style:none;
}
#topnav li {
text-align: center;
width: 70px;
height: 69px;
float: left;
}
#topnav li a {
font: 10px Trebuchet MS, sans-serif;
color: #e0f69c;
display: block;
padding: 25px 0 29px 0;
border-right: 1px dotted #737e82;
}
#topnav li a:hover {
background: #313c40 url(/img/navbg.jpg);
}