Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

alignment issues IE/Firefox...

Featured Replies

hey,

 

Fixing a few issues in IE and Firefox on PC on a website I did a while back. On this page: Threesixty, the list of awards on the left is appearing in a different order and some are not alligned correctly. I've attached screengrabs of how the page shouls appear and how its appearing in Firefox and IE on a pc.

 

Any idea how to fix this issue?

 

cheers :)

post-15496-126510845623_thumb.jpg

Try it:


<style>
.awards_div {width: 130px; float: left; margin-bottom: 2px; margin-left: 25px; color: black; font-family: verdana; font-size: 10px; display: inline;}
</style>

<div class="awards_div"><span class="awards"><a href="clients/cleantech_nualight.html">IDEA 2008 (Finalist)</a></span></div>
<div class="awards_div"><span class="awards"><a href="#">FBD Crest 2007 (Winner)</a></span></div>

<div class="awards_div"><span class="awards"><a href="#">IDI 2007 (Commended)</a></span></div>
<div class="awards_div"><span class="awards"><a href="#">IDEA 2006 (Gold)</a></span></div>

<div class="awards_div"><span class="awards"><a href="clients/cleantech_ormondew.html">IDEA 2005 (Gold)</a></span></div>
<div class="awards_div"><span class="awards"><a href="#">La Baule 2005 (Winner)</a></span></div>

<div class="awards_div"><span class="awards"><a href="#">HSMAI 2005 (Finalist)</a></span></div>

  • Author

hey Lev,

 

Thanks for that, its an improvement but now there's some spacing issues in IE and Firefox, again on pc. I've attached screengrabs and this is the web page: Threesixty

 

Theres a strange mark after "FBD Crest 2007 (Winner)" too, I've looked at the code, but cant see where its coming from. Any ideas how to rectify these issues?

 

cheers

post-15496-126519789633_thumb.png

post-15496-126519831058_thumb.png

The small mark is the beginning of this hr tag; delete it or reposition it below all the other items:-

<div class="awards_div"><span class="awards"><a href="#">HSMAI 
2005 (Finalist)</a></span></div>
<!--<hr />-->
</p>	

 

Try not to have style tags in the body section, move them to inside the head section after the main stylesheet link.

  • Author

done and done! cheers Wickham.

 

Still have the spacing issues in IE and Firefox if anyone can help me out there?

 

cheers :)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.