The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
|
#1
|
||||
|
||||
CSS : <ul> object placement, list horizontal instead of vertical - solved!!!
Found a great piece of code, i wanted to reuse
and was working on it, but i need to move the links in two rows, as if in a table.. as this : Code:
<tr><td>link1</td><td>link2</td><td>link3</td><td>link4</td></tr> <tr><td>link5</td><td>link6</td><td>link7</td><td>link8</td></tr> code ive found is here : http://www.alistapart.com/articles/taminglists/# about 85% down the page, you will notice the blue menu. i have the excakt same code, with minor styling changes, such as colors,borders etc. but i need to reformat it like the table above, without using tables any suggestions ? --------------- Added [DATE]1266608148[/DATE] at [TIME]1266608148[/TIME] --------------- CSS : Code:
#button { width: 10em; padding: 0 0 0 0; margin-bottom: 0em; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #90bade; color: #333; } #button ul { margin: 0; padding: 0; border: none; } #button li { margin: 0; } #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #button li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } Code:
<div id="button"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Forum</a></li> <li><a href="#">Download</a></li> <li><a href="#">Products</a></li> <li><a href="#">Blogs</a></li> <li><a href="#"> </a></li> <li><a href="#">Links</a></li> <li><a href="#">External</a></li> </ul> Sorta solved, NOT THE BEST solution but it works.. Code:
<div id="button"><table width="600"><tr> <ul> <td width="25%"> <li><a href="#">Home</a></li></td> <td width="25%"> <li><a href="#">Forum</a></li></td> <td width="25%"> <li><a href="#">Download</a></li></td> <td width="25%"> <li><a href="#">Products</a></li></td></tr> <tr> <td width="25%"> <li><a href="#">Blogs</a></li></td> <td width="25%"> <li><a href="#"> </a></li></td> <td width="25%"> <li><a href="#">Links</a></li></td> <td width="25%"> <li><a href="#">External</a></li></td></tr> </ul> </table> </div> |
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|