Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Dec 2005
    Posts
    63
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Problem with sublist...

    Hi. I'm creating a website for a friend using a template I downloaded. My problem is the list on the right sidebar. I managed to get a sublist entry under "Education" but I can't get it to work under the "Experience" heading.

    I'd appreciate any assistance.

    http://thefactotum.home.comcast.net/test/index.html

    Also, why are the quotation marks rendering as symbols???

    Thanks.

    mccdaddy

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Structure

    Because you bodged the list's structure.
    Here's the #nav div's markup with consistent indentation as it is now:
    Code:
    <div id="nav">
    	<ul id="menu">
           		<li><a href="#">Index</a></li>
           		<li><a href="#">Education</a>
           			<ul>
           				<li><a href="#">Resume</a></li>
    			</ul>
    		</li> 
    		<li><a href="#">Experience</a>
    	<ul>
    		<li>U.S. Secretariat for American Catholics</li>
    		<li>Smith College</li>
    		<li>Independence Tobacco Project</li>
    		<li>Women Higher Education</li>
    		<li>Jobin Hospital</li>
    	</ul>
    	<p>For more information, contact:
    	<P>Lisa Johnson, DrPH, MHS
    	<P> e-mail addresS
    </div>
    I don't know exactly what it is you want to achieve, but try to add the parts marked in red:
    Code:
    <div id="nav">
    	<ul id="menu">
           		<li><a href="#">Index</a></li>
           		<li><a href="#">Education</a>
           			<ul>
           				<li><a href="#">Resume</a></li>
    			</ul>
    		</li> 
    		<li><a href="#">Experience</a>
    			<ul>
    				<li>U.S. Secretariat for American Catholics</li>
    				<li>Smith College</li>
    				<li>Independence Tobacco Project</li>
    				<li>Women Higher Education</li>
    				<li>Jobin Hospital</li>
    			</ul>
    		</li>
    	</ul>
    	<p>For more information, contact:
    	<P>Lisa Johnson, DrPH, MHS
    	<P> e-mail addresS
    </div>
    For the quotation marks, use HTML entities (&ldquo; resp. &rdquo; ).
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    New Coder
    Join Date
    Dec 2005
    Posts
    63
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks for your reply, Ronald. Unfortunately the added close tags threw it even more out of whack: http://thefactotum.home.comcast.net/test/index2.html.

    What I'm trying to do is create an indented sublist under "Experience", starting with the entry "U.S. Secretariat for American Catholics", then "Smith College" and so on, just as "Resume" is indented under "Education".

    BTW, thanks for the tips on the quotes coding. Strangely I've never used them before.

    mccdaddy

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by mccdaddy View Post
    Unfortunately the added close tags threw it even more out of whack: http://thefactotum.home.comcast.net/test/index2.html.
    Hmm... I'm not sure what you mean. Look fine in Firefox 2.0.0.3.

    If you are referring to the different font for that sublist, then maybe you should specify the font-family in the body element since it seems that you are using the same font-family for all elements.

    You do not need to specify font-family for each element h1, h2, h3, p, a etc.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •