need a SH*!T hot CSS person

Im having a majour css problem, is thier anyone out thier very good at css who would possibly be able to help me, if so ill pm you with the link and what i need, if thats ok

Cheers

You might try contacting Phoenix.

this is public forum... you can try and post your question in the HTML forum, Pheonix roam there and would probably see it,among with other members who might be able to help.

My ears are burning




no seriously, I wanted to see inside them, so I lit a Q-tip

OK here goes, i have been building a website and all is going fine upto now, i need to add a dropdown list to the page below and it need to look like the imange below, the problem im having is when i insert the the dropdown list it screws up the list to the left ie it messes with its padding margins etc, then i seem to have a problem getting it to the right and centered within the grey box, it need to look like the gif link and also need to work across 2 pc browsers (ie and firefox) and 2 mac browsers (ie and safari). i have not included the file which had the dropdown in as my css was getting messy and i belive it would be better to start from scratch, in the dropdown thier will be quite a few links with long words not to long but thought i would mention it.

The html/css file -- http://www.sluap.com/cssproblem/bar.htm

hwo it should look --http://www.sluap.com/cssproblem/topbar.gif

Hope u can help as its bugging me.

Cheers

btw how can i make those a link, i have no icons etc in my reply bit im sure i used to as i have done it for a code bit before.

Insert the select element below the <ul> but inside the <div id="nav">, set the <select> element to float to the right (provided that the <ul> is set to float: left; )

...that should work.

cheers mate done that this is where i got into trouble before, i have updated the link in my first post, when you view it in FFox the bg colour disapears, and is thier any way of making it so both a cntered vertically withing the bar atm im just give them diferent padding on the top.

Add a <br /> element below the <select> element in <div id="nav">

Then add this rule:

br { clear: both; float: none; }

ok getting there mate, thx for sticking with me, looks good in ie in ff its making the gery bar larger then in should be idealy they need tobe the same size in both browsers.

Cheers

Then get rid of the <br /> element and define a fixed height for the #nav element. Preferably using the "em" unit, rather than "px". (Since if the user changes the font size, then the box will increase in height to accomodate it)

cheers mate that works a treat, in FF its not pushing down etc when the text is scalled but i can live with that thx again