✔ sexy button zentrieren

Hi,

da hier ein zu umfliessendes Element (<a> mit float:left formatiert) zum Einsatz kommt, hilft hier Centering Float Left Menus mit der 2. Methode für "a centered floated left menu (unknown width)" weiter.

Daraus folgt:
HTML: 
<body>
    <div class="clear">
         <ul id="menu">
             <li><a class="button" href="#" onclick="this.blur(); return false;"><span><nobr>Test asda asd as dasd asd Button</nobr></span></a></li>
         </ul>
    </div>
</body>
CSS: 
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
    text-align:center;
}

#menu {
  padding:0;
  margin:0 auto;
  list-style-type:none;
  float:left;
  position:relative;
  left:50%;
  }
#menu li {
  float:left; position:relative; right:50%;
  }

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück