Link lista menü CSS formázással
Halihó!
Adott egy menü:
Amint látható, az egyes menü elemeket 'a' tagek alkotják. A szélességük nincs meghatározva, az dinamikus a betű méretének (és egyéb jellemzőinek) megfelelően. Így csak a menü végét kell 'kézzel' meghatározni. A gond is itt(?) van, konkrétan az, hogy nem tudom 780 pixelre kiegészíteni, mert akkor a menü vége ( <div class="menu-vege"></div> ) átkerül a következő sorba! A dolog csak Explorerben jelentkezik, más böngészőben (Firefox, Opera) nincs ilyen gond. Szóval, ha valami valami ötletetek, akkor légyszíves osszátok meg velem. Előre is kösz!
■ Adott egy menü:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mé nem jó</title>
<style type="text/css">
a
{
float: left;
display: block;
background: red;
height: 20px;
padding-left: 6px;
padding-right: 6px;
}
.menu-vege
{
width: 359px;
height: 20px;
background: red;
float: left;
}
div
{
width: 780px;
height: 20px;
background: green;
}
</style>
</head>
<body>
<div style="width: 780px; height: 20px; background: green;">
<a href="/jknk">uzi</a>
<a href="/jknk">zuizuiuzi</a>
<a href="/jknk">fghuzi</a>
<a href="/jknk">zuizuiuzi</a>
<a href="/jknk">uzi</a>
<a href="/jknk">zuizuiuzi</a>
<a href="/jknk">uzifgjhfghfh</a>
<a href="/jknk">zuizuiuzi</a>
<div class="menu-vege"></div>
</div>
</body>
</html>
<html>
<head>
<title>Mé nem jó</title>
<style type="text/css">
a
{
float: left;
display: block;
background: red;
height: 20px;
padding-left: 6px;
padding-right: 6px;
}
.menu-vege
{
width: 359px;
height: 20px;
background: red;
float: left;
}
div
{
width: 780px;
height: 20px;
background: green;
}
</style>
</head>
<body>
<div style="width: 780px; height: 20px; background: green;">
<a href="/jknk">uzi</a>
<a href="/jknk">zuizuiuzi</a>
<a href="/jknk">fghuzi</a>
<a href="/jknk">zuizuiuzi</a>
<a href="/jknk">uzi</a>
<a href="/jknk">zuizuiuzi</a>
<a href="/jknk">uzifgjhfghfh</a>
<a href="/jknk">zuizuiuzi</a>
<div class="menu-vege"></div>
</div>
</body>
</html>
Amint látható, az egyes menü elemeket 'a' tagek alkotják. A szélességük nincs meghatározva, az dinamikus a betű méretének (és egyéb jellemzőinek) megfelelően. Így csak a menü végét kell 'kézzel' meghatározni. A gond is itt(?) van, konkrétan az, hogy nem tudom 780 pixelre kiegészíteni, mert akkor a menü vége ( <div class="menu-vege"></div> ) átkerül a következő sorba! A dolog csak Explorerben jelentkezik, más böngészőben (Firefox, Opera) nincs ilyen gond. Szóval, ha valami valami ötletetek, akkor légyszíves osszátok meg velem. Előre is kösz!
Jobbrol a bal oldalt vakarni?
<ul>
<li><a href="#">Valami</a></li>
<li><a href="#">Valami</a></li>
<li><a href="#">Valami</a></li>
<li><a href="#">Valami</a></li>
</ul>
</div>
CSS:
{
margin:0px;
padding:0px;
}
.menublock li
{
padding-left:6px;
padding-right:6px;
display:inline;
}
.menublock
{
background:red;
}
.menublock ul
{
background:green;
}
Remélem, ez megoldja a gondokat.
ProClub
proclub##kukac##karinthy.hu