Der folgende Beitrag wurde am 03. 02. 2006, 14:47 Uhr von Hannes Ludewig veröffentlicht.
Hallo, es gelingt mir nicht, eine horizontale Buttonleiste mit a.menu {display:inline;} zu erstellen. Die Texte in den Button sind unterschiedlich lang. Die Button sollen sich horizontal verteilen, gleichmäßig oder ungleichmäßig ist dabei egal. Nur umbrechen dürfen sie nicht.
{ display:inline; margin-left:2px; width:?; text-align:center; border-style:solid; border-color:#89AED5; border-width:1px; padding:2px; text-decoration:none; font-family:verdana; font-size:11px; }
Kann mir einer die richtige Zeile geben.
Herzlichst Hannes
Der folgende Beitrag wurde am 03. 02. 2006, 14:57 Uhr von Gerd veröffentlicht.
> Hallo, es gelingt mir nicht, eine horizontale Buttonleiste mit a.menu {display:inline;} zu erstellen. Die Texte in den Button sind unterschiedlich lang. Die Button sollen sich horizontal verteilen, gleichmäßig oder ungleichmäßig ist dabei egal. Nur umbrechen dürfen sie nicht.
> { display:inline; margin-left:2px; width:?; text-align:center; border-style:solid; border-color:#89AED5; border-width:1px; padding:2px; text-decoration:none; font-family:verdana; font-size:11px; }
> Kann mir einer die richtige Zeile geben.
> Herzlichst Hannes
Hi Hannes,
meinst Du so:
<style type="text/css"><!--
ul {
margin: 0;
padding: 0;
}
li {
display: inline;
list-style: none;
}
ul li a {
padding: .2em 1em;
border: 1px solid red;
}
--></style>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link mit langem Text</a></li>
<li><a href="#">Noch'n Link</a></li>
</ul>
Weitere gute Beispiele gibt's bei Listamatic. (css.maxdesign.com.au/listamatic/)
Viel Spass,
Gerd
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4