bamme
Senior Member
hi guys
sorry this is an annoying question. but i wondered if you could help me with the placement of some links in different browsers on this site (the Facebook and Twitter links in the footer):
Sanya China Travel - Tailor Made Holidays to China and the Far East
I think im just using the wrong technique altogether to place them here (they were both meant to be positioned next to the other footer logos but cannot be a flat background image like the logos because theyre links) so I used relative positioning for them.
If you reduced the size of the browsers it also moved the twitter and
facebook logos over to the left (in line with how much you reduce the
browser size).
So then i tried to place them in <li>'s with the rest of the list items in the footer.
The li has a simple style rule of:
and the actual links:
on Firefox these are now fine, but on Safari theyre incorrect - theyre at the bottom left of the screen if you have a look. I know I dont truly need lots of hacks and things as I know im just not coding this correctly.
Can anyone help me position them correctly on all browsers? They just need to look like they do on Firefox
Thanks so much.. help would be greatly appreciated on this one..
sorry this is an annoying question. but i wondered if you could help me with the placement of some links in different browsers on this site (the Facebook and Twitter links in the footer):
Sanya China Travel - Tailor Made Holidays to China and the Far East
I think im just using the wrong technique altogether to place them here (they were both meant to be positioned next to the other footer logos but cannot be a flat background image like the logos because theyre links) so I used relative positioning for them.
If you reduced the size of the browsers it also moved the twitter and
facebook logos over to the left (in line with how much you reduce the
browser size).
So then i tried to place them in <li>'s with the rest of the list items in the footer.
The li has a simple style rule of:
Code:
padding-top: 5px
and the actual links:
Code:
#footer a#facebook {width:80px; height:29px; background:url("images/facebook.gif"); text-indent:-9000px; display:block;}#footer a#twitter {width:108px; height:25px; background:url("images/twitter.gif"); display:block; text-indent:-9000px;}
on Firefox these are now fine, but on Safari theyre incorrect - theyre at the bottom left of the screen if you have a look. I know I dont truly need lots of hacks and things as I know im just not coding this correctly.
Can anyone help me position them correctly on all browsers? They just need to look like they do on Firefox
Thanks so much.. help would be greatly appreciated on this one..