What's new

Calling all web development experts!

Webfunk

Top Contributor
If my menu is an unordered list, and I have each list item based on a percentage of the browser width, how would I center an image horizontally within the list item? margin: 0 auto; won't work. Nor does text-align: center;

Is there a way of doing this?
 

webdeal

Regular Member
try the following

Code:
<ul>
<li><div id="abcxyz">Home</div></li>
<li><div id="abcxyz">About</div></li>
<li><div id="abcxyz">Contact</div></li>
</ul>

and use image as a background of <div> and center it through style
 

Webfunk

Top Contributor
try the following

Code:
<ul>
<li><div id="abcxyz">Home</div></li>
<li><div id="abcxyz">About</div></li>
<li><div id="abcxyz">Contact</div></li>
</ul>

and use image as a background of <div> and center it through style

I've gone a different avenue, but thanks for the tip. Didn't even think about making it a background img!
 

Webfunk

Top Contributor
Hey webdeal,

While I gotcha, any idea how to make those arrows (next to the sliding banner) stick to the edge of the list item? At the moment I have them position with absolute properties but I'd prefer for them not to move with the browser.
 

Webfunk

Top Contributor
UPDATE

I have made some changes to the site over the last day or 2, most noticeably it is now liquid scrolling. What do you think?
 

Community sponsors

Domain Parking Manager

AddMe Reputation Management

Digital Marketing Experts

Catch Expired Domains

Web Hosting

Members online

Forum statistics

Threads
11,098
Messages
92,044
Members
2,394
Latest member
Spacemo
Top