SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict richtestani's Avatar
    Join Date
    Nov 2003
    Location
    Bridgeport
    Posts
    292
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    bullets in <li> being covered

    Why are my bullets in my list getting covererd by the pic?

    http://kimronemusdesign.com/einsteinlaw/index.html

    I don't recall this the proper way lists work. And shouldn't it be indented?

    Thanks
    Rich
    RichTestani
    -------------------------------
    http://www.junkdepot.com
    http://www.rareoopdvds.com | The Movie Poster Site

  2. #2
    SitePoint Wizard maartenvr's Avatar
    Join Date
    Jun 2002
    Location
    Canada
    Posts
    1,679
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yup, it should be. Ty to modify your tables...
    Maarten

  3. #3
    SitePoint Member
    Join Date
    Aug 2004
    Location
    vineland, nj USA
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It looks like you fixed ... I dont' see the problems.
    Free Site Review - you have nothing to loose but everything to gain
    Web Professionals Directory - get listed and increase exposure
    Web Solutions for webmasters and business professionals

  4. #4
    SitePoint Addict richtestani's Avatar
    Join Date
    Nov 2003
    Location
    Bridgeport
    Posts
    292
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by gthelp.com
    It looks like you fixed ... I dont' see the problems.
    I fixed it using CSS. I am still not sure why the list was being covered, I even extracted the list by itself and it still got covered.

    http://www.kimronemusdesign.com/einsteinlaw/test.html

    Below is the fix I used.

    Code:
    li { 
    	font-size: 10px;
    	list-style-position: inside;
    	 }
    	 
    .mainimg {
    	float: left;
    	border: 1px gold solid;
    	margin-right: 15px;
    	}
    Still any thoughts on the test page? It's straight HTML but I always remember lists to be indented.

    Thanks
    Rich
    RichTestani
    -------------------------------
    http://www.junkdepot.com
    http://www.rareoopdvds.com | The Movie Poster Site

  5. #5
    [Biped] LJK's Avatar
    Join Date
    Jun 2004
    Location
    In My Jammies
    Posts
    761
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    List

    Hi -
    Yeah, I'm a bit confused as to why an <ul>, which is a block-level element, is bumping-up against your pic. It's exactly lined-up with the text above it, which is odd as well.

    Perhaps a <div> for the content that float:right; has been applied to - and a larger container <div> for the whole page - after <body> might help you to control the layout a bit more. Then, the pic could be floated left & you could then tweak the space between with margins or padding.

    El


Bookmarks

Posting Permissions

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