...

View Full Version : CSS Major Problem: HELP!



evsion
12-17-2005, 08:54 PM
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:




*/

/* ------- 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;
}

Osiris
12-17-2005, 10:39 PM
Um... I see a few problems. Could you tell us exactly what you're looking for as far as help goes?

evsion
12-17-2005, 11:08 PM
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

http://www.intellistore.ca/images/screenshot_01.jpg

Osiris
12-17-2005, 11:12 PM
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.

evsion
12-17-2005, 11:17 PM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum