First image problem and inline list problem

This is a discussion on "First image problem and inline list problem" within the Web Page Design section. This forum, and the thread "First image problem and inline list problem are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Feb 28th, 2007, 23:54
konnor5092's Avatar
SuperMember

SuperMember
Join Date: Feb 2007
Location: Norwich, UK
Age: 23
Posts: 74
Thanks: 0
Thanked 0 Times in 0 Posts
First image problem and inline list problem

I have had a brief look on the web for a 'hack' to fix this but so far have been unsuccessful.

My navigation list is appearing like in IE6 when I use the parameter 'display:block'



If I change this to display: 'inline-block', it displays correctly in IE 6 and 7, but my dividers are too small in Firefox....

IE6, IE7....



Firefox....



My second query is that I can't remove the first divider image from the list.

I have tried...

Code: Select all
ul .first a {
     background: none;
}
to no avail.

Thanks,
Reply With Quote

  #2 (permalink)  
Old Mar 1st, 2007, 00:15
Ryan Fait's Avatar
SuperMember

SuperMember
Join Date: May 2006
Location: Las Vegas
Posts: 3,786
Thanks: 0
Thanked 0 Times in 0 Posts
Re: First image problem and inline list problem

Try floating the links:

Code: Select all
ul a {
    float: left;
}
Should fix the problem.
Reply With Quote
  #3 (permalink)  
Old Nov 29th, 2007, 13:40
New Member
Join Date: Nov 2007
Location: UK
Age: 27
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: First image problem and inline list problem

I had this problem a day ago. Mine was due to using padding which made the div bigger but not the border. I think it will do that if you have top or bottom padding. If you are using that to move the text into the centre of the div then try using line-height instead.
Reply With Quote
  #4 (permalink)  
Old Nov 29th, 2007, 14:07
SuperMember

SuperMember
Join Date: May 2007
Location: UK
Age: 27
Posts: 1,111
Thanks: 0
Thanked 0 Times in 0 Posts
Re: First image problem and inline list problem

You can always feed IE the "inline-block" version using a separate stylesheet (included with conditional comments).
Reply With Quote
  #5 (permalink)  
Old Nov 30th, 2007, 19:33
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,636
Thanks: 0
Thanked 6 Times in 6 Posts
Send a message via MSN to Marc Send a message via Skype™ to Marc
Re: First image problem and inline list problem

Quote:
Originally Posted by Rincewind View Post
I had this problem a day ago. Mine was due to using padding which made the div bigger but not the border. I think it will do that if you have top or bottom padding. If you are using that to move the text into the centre of the div then try using line-height instead.
Its nice to see that you are searching to find your answer before posting, but please next time create your own thread.

Thanks!
Reply With Quote
  #6 (permalink)  
Old Nov 30th, 2007, 21:21
New Member
Join Date: Nov 2007
Location: UK
Age: 27
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: First image problem and inline list problem

Quote:
Originally Posted by Marc View Post
Its nice to see that you are searching to find your answer before posting, but please next time create your own thread.

Thanks!
err did i miss something? I don't have a problem, i just said i had the same problem and said how i fixed it and suggested how he might do the same. I'm not asking for advice i was giving it, for what its worth . Don't really see what there is to create a thread about.
Reply With Quote
  #7 (permalink)  
Old Nov 30th, 2007, 21:35
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,636
Thanks: 0
Thanked 6 Times in 6 Posts
Send a message via MSN to Marc Send a message via Skype™ to Marc
Re: First image problem and inline list problem

Well... The real lesson to be learned here is not to bring up ancient threads.

This thread was obviously solved, as the last post was on the 1st March 2007.

Cheers,
Marc
Reply With Quote
  #8 (permalink)  
Old Dec 1st, 2007, 07:42
New Member
Join Date: Nov 2007
Location: UK
Age: 27
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: First image problem and inline list problem

Quote:
Originally Posted by Marc View Post
Well... The real lesson to be learned here is not to bring up ancient threads.

This thread was obviously solved, as the last post was on the 1st March 2007.

Cheers,
Marc
Sorry. I'm pretty sure it wasn't marked as solved.....so isn't the lesson to be learned, 'mark your threads as solved?' I apologise for posting in here non-the-less.
Reply With Quote
  #9 (permalink)  
Old Dec 1st, 2007, 09:08
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,636
Thanks: 0
Thanked 6 Times in 6 Posts
Send a message via MSN to Marc Send a message via Skype™ to Marc
Re: First image problem and inline list problem

Im not having a 'dig' at you here i am just stating that if the thread is many months old, and never been touched - don't post in it.

Reason for it not being 'Marked as solved' is we never had that function back then

Thanks,
Marc
Reply With Quote
Reply

Tags
block, display, image

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
<li> problem :: How to make appear list-style-image while choosing display:inline sayamish Web Page Design 2 Oct 21st, 2007 05:19
unordered list problem in FF alexgeek Web Page Design 4 Sep 10th, 2007 15:26
problem with floating list jwlnewsome Web Page Design 13 Jul 11th, 2006 13:54
CSS Unordered List Problem relph2 Web Page Design 3 Jan 7th, 2006 18:14
Keeping bullet points when my list items are inline CherishedSites Web Page Design 1 Apr 7th, 2005 15:01


All times are GMT. The time now is 02:49.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43