Copy link to clipboard
Copied
I have the display problem on different browsers. In iPhone, the Google Chrome browser and the Safari browser they display the content fine. In Windows 7, both these browsers will not display the content properly. float:right does not make the unorder list float to right and always stay on the left. display:inline does not make the unorder list lineup horizontally instead of vertically. I would like to find out why and how to resolve this problem. I am very much new in the Dreamweaver, HTML and CCS. Thank you for any help.
HTML:
<div id="social-media-icons">
<ul>
<li><a href="http://www.facebook.com"><img src="images/icons/facebook-icon.png" /></a></li>
<li><a href="http://www.twitter.com"><img src="images/icons/twitter-icon.png" /></a></li>
<li><a href="http://www.linkedin.com"><img src="images/icons/linkedin-icon.png" /></a></li>
<li><a href="http://www.youtube.com"><img src="images/icons/youtube-icon.png" /></a></li>
</ul>
</div>
CSS:
#social-media-icons {float:right; }
#social-media-icons ul {margin-top:40px; }
#social-media-icons ul li {display:inline; }
Copy link to clipboard
Copied
If I remember, Windows Phone 7 was first generation and it had a lot of bugs.
Nancy
Copy link to clipboard
Copied
Safari on Windows has bee out of development for a very long time. It's totally useless from a development testing standpoint. If you want to see what happens in Safari on a Mac, you cannot use the Windows version as a surrogate, the two are just too far apart.
The code snippets you have posted don't show us enough to make any determination as to what might be going wrong. Please post a link to your page so we can see what's happening in our browsers. If you can't do that, a distant second would be to post the entire code of the page and any dependent files to the forum (don't use email, the code won't come through).