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 5 of 5
  1. #1
    New Coder
    Join Date
    Dec 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Major Problem: HELP!

    I have a problem: If you look at www.intellistore.ca/books you will see the problem. I'm not quite sure what's causing this. Does anyone have any idea what's going on?

    This is my CSS:

    Code:
    */
    
    /* -------  Layout CSS(   Centered Fixed Width) ------ */
    
    body {
      font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
      font-size: 12px;
      margin: 0;
      padding: 0;
      text-align: center; /* IE 5.5 hack */
    }
    
    #farouter {background: #ffffff;width: 760px; border: 1px solid #3A291F;margin: 0px auto 0px auto;text-align: left;  /* IE 5.5 hack part II */}
    #outer {}
    #rap {}
    #masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px; border: 1px solid #000000; padding: 0 10px 10px 60px; font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 180px;
    }
    
    #main {padding-left:35px;}
    #content {float: left;width: 490px; padding-top: 40px;}
    #menu {float: right;width: 175px; margin-right: 3px; border-left: 1px dashed #030303;}
    #nav {padding-left: 10px;}
    #logo {padding-top: 25px; padding-left: 12px;}
    #hmenu {margin: 8px; height: 30px;}
    #hnav {margin: 0;padding: 0;}
    #clearer { clear: both; margin: 0; padding: 0;}
    #footer { margin: 9px 9px 9px 9px; }
    
    
    /*----------------- Color CSS    ------------------------*/
    
    body {
      background: #E8B36D url(http://www.intellistore.ca/images/mainbg.gif) repeat-y 50% 0;
    
    }
    
    #rap {background: #ffffff;}
    #masthead {background-image: url('images/header.jpg');}
    #footer {background: #000000;}
    #hmenu { background: #000000;}
    #hnav {
    	background: #000000;
    }
    a {color: #000000; text-decoration: none; }
    a:visited { color: #5A1706; text-decoration: none; }
    a:hover { color: #000000; text-decoration: underline; }
    
    
    acronym, abbr { border-bottom: #333; }
    blockquote {border-left: #000000; color: #1E2D3B;}
    h2 {	color: #00000;
    	font-size: 28px;
    	font-weight: normal;}
    h3 a {color: #000000; }
    h3 a:hover {color: #000000;}
    h3 a:visited {color: #000000;}
    .meta { color: #D8D4C9} 
    .meta a {color: #001700;}
    .feedback a{color: #001700;}
    
    
    /* --------     Core CSS ---------*/
    
    
    a{text-decoration: none;}
    a img { border: none; }
    acronym, abbr { border-bottom: 1px dashed; }
    acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
    blockquote { border-left: 3px solid #000000; border-bottom: 3px solid #000000; margin-left: 1.5em; padding-left: 5px;}
    cite { font-size: 90%; font-style: normal; }
    #header a { color: #000000; text-decoration: none;}
    #header a:hover { text-decoration: underline; }
    h1 { margin: 0; padding: 20px; text-align: right; }
    #hidden {display:none;}
    
    h2 {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
      letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 20px 0 0 0; }
    h2#tagline { margin-right: 25px; padding:0;text-align: right;color: #ff0000;border: 0px none;; margin-left:0; margin-top:0; margin-bottom:0}
    
    .post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
      letter-spacing: .6em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
    h3 {font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #000000;  
    }
    h3#comments { margin-left: 20px; }
    h3#respond { margin-left: 20px; }
    h4 {
    	font-size: 16px;
    	font-weight: normal;
    }
    ol#comments li p { font-size: 100%; }
    img {margin: 10px;padding: 10px; border: 1px solid #000000; }
    p, .feedback 
    { font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
    p {}
    .textarea { width:200px; margin:0; }
    #archvies {
    	font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    }
    
    
    
    /* ------------------------- Classes used by the_meta() ---------------------*/
    
    
    ul.post-meta {
    	list-style: none;
    }
    
    ul.post-meta span.post-meta-key {
    	font-weight: bold;
    }
    
    .credit {
      color: #fff;
      font-size: 90%;
      margin: 10px 0 0 0;
      padding: 3px;
      text-align: left;
    }
    
    .credit a, .credit a:hover {color: #fff;text-decoration: none;}
    .feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%}
    .meta {font-size: .95em;}
    .meta li, ul.post-meta li {display: inline;}
    .meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
    .meta, .meta a { font-weight: normal; letter-spacing: 0;}
    .post { margin: 35px 35px 20px 0; }
    .entrytext {margin-left: 30px;}
    .storytitle { margin-top: 10px; margin-bottom: 2px; }
    .storytitle a { text-decoration: none; }
    .storycontent{margin-bottom: 5px; border-bottom: 1px solid #000000;}
    #commentform { margin-left: 20px; }
    #commentform  #comment { width:450px; }
    #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
     	background: #fff; padding: .2em; }
    #commentform textarea { width:100%;}
    #commentlist li {border: 2px solid #000000; margin-bottom: 20px; padding-left: 20px;}
    #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}
    
    
    /* ----------  All menu styling except #menu itself (in layout above) ------- */
    
    
    #nav form {
    	margin: 0 0 0 13px;
    }
    
    #nav input#s {
    	width: 80%;
    	background: #eee;
    	border: 1px solid #000;
    	color: #000;
    }
    
    
    #nav ul li h2 {
      	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
      	font-weight: normal;
    	letter-spacing: 0.1em;
    	border: 0px none;
    	text-align: left;
    	padding-left:0;
    	margin-left: 0
    }
    
    
    #nav ul ul ul.children {
    	font-size: 100%;
    	padding-left: 4px;
    }
    
    
    #nav { width: 170px; }
    
    #nav ul
    {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 95%;
    }
    
    #nav a
    {
    display: block;
    padding-left: 17px;
    width: 130px;
    background-color: #FFF;
    background-image: url('images/icon.gif'); 
    background-repeat: no-repeat;
    background-position: 0 55%;
    border-bottom: 1px dotted #000000; padding-right:3px; padding-top:3px; padding-bottom:3px
    
    }
    
    #nav a:link, #navlist a:visited
    {
    
    text-decoration: none;
    }
    
    #nav a:hover
    {
    background-image: url('images/icon2.gif'); 
    color: #000
    }
    
    #themeswitcher {
    	font-size: 8px;
    }
    
    /*------------- hnav------------*/
    
    
    #hnav ul
    {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 0;
    margin-top: 0;
    /* cancels gap caused by top padding in Opera 7.54 */
    margin-left: 0;
    background-color: #000000;
    color: #D8D4C9;
    width: 100%;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    line-height: 18px;
    /* fixes Firefox 0.9.3 */
    }
    
    #hnav ul li
    {
    display: inline;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px;
    /* matches link padding except for left and right */
    padding-top: 5px;
    }
    
    #hnav ul li a
    {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #D8D4C9;
    text-decoration: none;
    border-right: 1px solid #D8D4C9;
    }
    
    #hnav ul li a:hover
    {
    	background: #D8D4C9;
    color: #3A291F;
    }
    
    #hnav #active { border-left: 1px solid #D8D4C9; }
    
    /*------------- added ------------*/
    
    .gravatar {
    	float:left;
    	padding: 3px;
    	margin-right: 5px;
    	margin-bottom: 5px;
    	border: 1px solid #000000;
    }	
    
    #commentbox {
    	background: #BFBEBE;
    	border: 1px solid #000000;
    	padding: 5px;
    	margin-bottom: 15px;
    }
    
    .commentby {
    	font-size: 14px;
    	text-transform: uppercase;
    }
    .commentinfo {
    	font-size: 10px;
    	margin-top: -10px;
    	border-bottom: 1px soild #D8D4C9;
    }
    
    .commentid {
    	float: right;
    	font-size: 24px;
    	font-style: italic;
    	padding-left: 10px;
    	padding-right: 5px;
    	padding-top: 5px;
    	padding-bottom: 5px;
    	color: #000000;
    }
    
    .commentid a {
    	color: #000000;
    	text-decoration: none;
    }
    
    .post ul li {
    	padding: 0px;
    	font-weight: normal;
    	list-style: url('images/icon.gif');
    	line-height: 1.5em;
    }
    .post ul li:hover {
    	padding: 0px;
    	font-weight: normal;
    	list-style: url('images/icon2.gif');
    	line-height: 1.5em;
    }
    
    
    
    /* tab menu*/
    #navigation {
            height:20px;
    	padding: 10px;
    }
    
    #minitabs {
    	margin: 0;
    	padding: 5px 0 20px 20px;
    	border-bottom: 1px solid #FFF;
    	background: #000000;
    	text-transform: uppercase;
           
    	}
    
    #minitabs li {
    	margin: 0; 
    	padding: 0;
    	display: inline;
    	list-style-type: none;
    	}
    	
    #minitabs a:link, #minitabs a:visited {
    	float: left;
    	font-size: 11px;
    	line-height: 14px;
    	font-weight: bold;
    	margin: 0 10px 4px 10px;
    	padding-bottom: 2px;
    	text-decoration: none;
    	color: #FFF;
    	}
    
    li.current_page_item a, #minitabs a:hover {
    	border-bottom: 4px solid #FFF;
    	padding-bottom: 2px;
    	background: #00000;
    	color: #D8D4C9;
    	}

  • #2
    New Coder
    Join Date
    Dec 2005
    Location
    Dallas, TX
    Posts
    45
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Um... I see a few problems. Could you tell us exactly what you're looking for as far as help goes?
    Owner - Osiris Incorporated

    PHP and MySQL pro, and always willing to help.

  • #3
    New Coder
    Join Date
    Dec 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Hello

    Hello there,

    Thank you for your response. This is how I want the items aligned on that page, however I could not figure it out. On that page, it's giving me bunch of borders which is not suppose to be there. Thank you


  • #4
    New Coder
    Join Date
    Dec 2005
    Location
    Dallas, TX
    Posts
    45
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks a lot like eBay's fault to me. The eBay script is what's putting the text there, so you should try to get in contact with them and see if they know how to fix it, or can help you figure something out.
    Owner - Osiris Incorporated

    PHP and MySQL pro, and always willing to help.

  • #5
    New Coder
    Join Date
    Dec 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you.

    I downloaded other templates from other designers to test it out and it works fine: Please check:

    http://www.intellistore.ca/books now and you'll see that it's not an eBay generated problem.

    Thanks again

    Evsion


  •  

    Posting Permissions

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