PDA

View Full Version : new ie7 problem


urbanrays
01-05-2009, 10:33 AM
Hello again

Yet another problem with ie7

I am making a list of links and again in chrome and ff it works fine just ie7

The problem i am having is in ie7 the links have a space between them of about 10px in ff and chrome it works fine as described in the code below

#links {
line-height: 1px;
text-decoration: none;
margin-top: 1px;
margin-bottom: 1px;
vertical-align: 1px;
word-spacing: 1px;

Thanks again for any help

another addition to the problem, I have just uploaded the page so you can have a look and it has come back with a massive problem now in all browsers,
the PAYG prices and Course Prices are supposed to be next to each other just right of the picture,i used absolute positioning and it looks fine when i f12 it in DW but as soon as its online it goes all to cock

I am a complete noob at the css lark so be gentle on me
the address is
http://www.urbanrays.co.uk/prices.htm

Thanks again

edit:
errrr what a dickhead i am at times the reason was that i didnt upload my css to my server just back to the link spacing sorry guys

coloeagle
01-05-2009, 02:48 PM
Looking briefly over your css and html.
You have the div urbanlarge inside your div links. In addition you have this class in your link tags. The links will follow the style you have set for urbanlarge and not the links div.

You have a vertical-align of 1px, vertical align can only use top, middle, bottom or a % value of the "line-height" property.

For IE this hack might take care of your problem.
a.urbanlarge {height:1%;}

urbanrays
01-05-2009, 06:09 PM
cheers mate yet again you have come up trumps thanks again