Programming Forums
User Name Password Register
 

RSS Feed
FORUM INDEX | TODAY'S POSTS | UNANSWERED THREADS | ADVANCED SEARCH

Reply
 
Thread Tools Display Modes
Old Aug 16th, 2006, 1:54 PM   #1
java_roshan
Professional Programmer
 
Join Date: Mar 2005
Location: Student of University of Mumbai, Maharashtra State, India
Posts: 344
Rep Power: 4 java_roshan is on a distinguished road
A gap even though margin and padding are specified to zero.

Can someone help me out with this problem at this page

http://n.1asphost.com/rosty/kjsc/index.asp

Though I have set the margin and padding of the list menu (navigation menu on the left) as zero the list is displayed slightly away from the left of the div containing it.
/*the left div CSS */
.leftcontainer{
		background-color:#ABA08E;
		float:left;		
		padding-left:0px;
		padding-top:1px;
		padding-bottom:1px;
		padding-right:1px;		
		border:2px outset #ABA080;		
		width: 25%
	}

/*the CSS code for UL*/
.menu ul{		
		margin: 0;
		padding: 0
	}
__________________
Visit: http://www.somaiya.edu
java_roshan is offline   Reply With Quote
Old Aug 16th, 2006, 2:30 PM   #2
DaWei
Resident Grouch
 
DaWei's Avatar
 
Join Date: Jun 2005
Posts: 6,453
Rep Power: 10 DaWei is on a distinguished road
List style position? Marker specification? Gremlin? Unspecified but weird browser?
__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code.
Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers
DaWei is offline   Reply With Quote
Old Aug 16th, 2006, 3:08 PM   #3
Sane
Programming Guru
 
Sane's Avatar
 
Join Date: Apr 2005
Location: Waterloo, Ontario
Posts: 2,076
Rep Power: 6 Sane will become famous soon enough
Send a message via MSN to Sane
It might not help, but you should at least try validating your HTML first: http://validator.w3.org/check?uri=ht...sc%2Findex.asp

If I can find some time, and no one has answered in the mean time, I'll look at the problem.
Sane is online now   Reply With Quote
Old Aug 16th, 2006, 3:58 PM   #4
Agent 47
Hobbyist Programmer
 
Agent 47's Avatar
 
Join Date: Nov 2005
Posts: 122
Rep Power: 4 Agent 47 is on a distinguished road
It's becaue the <ul> is of class 'menu' - it's not a child of an element
of class 'menu'.

Ditch the 'ul' and it'll work as expected.
.menu
{		
	margin: 0;
	padding: 0
}
--47.
__________________
"I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"
Agent 47 is offline   Reply With Quote
Old Aug 17th, 2006, 12:15 AM   #5
java_roshan
Professional Programmer
 
Join Date: Mar 2005
Location: Student of University of Mumbai, Maharashtra State, India
Posts: 344
Rep Power: 4 java_roshan is on a distinguished road
Quote:
Originally Posted by DaWei
List style position? Marker specification? Gremlin? Unspecified but weird browser?
Nothing of these. A fundamental mistake!
Quote:
Originally Posted by Sane
It might not help, but you should at least try validating your HTML first: http://validator.w3.org/check?uri=ht...sc%2Findex.asp
It is valid HTML 4.0 Transitional; not Strict.

Quote:
Originally Posted by Agent47
It's becaue the <ul> is of class 'menu' - it's not a child of an element
of class 'menu'.
Exactly. It worked. And I understood now, why it worked. Thanks
__________________
Visit: http://www.somaiya.edu
java_roshan is offline   Reply With Quote
Old Aug 17th, 2006, 2:05 AM   #6
a thing
Unverified User
 
a thing's Avatar
 
Join Date: Aug 2005
Location: none
Posts: 146
Rep Power: 0 a thing is on a distinguished road
Quote:
Originally Posted by java_roshan
It is valid HTML 4.0 Transitional; not Strict.
Then make that your !DOCTYPE.
__________________
Warning: My posts may change (dramatically) within the first 15 minutes they're posted.
Got 'Nux?—GNU/Linux and other free software support.
It's GNU/Linux, not just Linux.
a thing is offline   Reply With Quote
Reply

Bookmarks

« Previous Thread in Forum | Next Thread in Forum »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Let's get this over and done with, once and for all [CSS enthusiasts this way] megamind5005 HTML / XHTML / CSS 16 Nov 10th, 2005 4:03 PM




DaniWeb IT Discussion Community
All times are GMT -5. The time now is 11:50 PM.

Powered by vBulletin® Version 3.7.0, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Copyright ©2007 DaniWeb® LLC