Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ Products on webpage are very very low

Posted by: nikkatsu Jun 5 2009, 08:00 PM

My products are lower than they should be on the page.
*Site is not up and running yet, workin the bugs out, but they should be right underneath
NEW DVDS*

I've played around and around with this sheet and I can't move my products up.

CODE
/*


*/

body { font-size: 10px;    margin: 0; background-color: #FFFFFF; background-image: url(images/kk-body-bg.png); background-position: center; background-repeat: repeat-y; text-align: center; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color: #260721; }

a { text-decoration: none; color: #fc04d4; }

    a:hover { text-decoration: underline; }
    
    a img { border: none; }
    
img.wp-smiley { vertical-align: text-bottom !important; }
    
h1, h2, h3 { font-weight: normal; }

    h2 { font-weight: normal; }

    h3 { font-size: 1.6em; }

hr { display: none; }

#searchform { margin: 0; padding: 0; }

blockquote { border-left: 5px solid #db62d0; color: #84006e; margin: 10px; padding: 0px 10px; }

#maincontainer { text-align: center; background: url(images/kk-header.png) no-repeat top center; }

    #header { padding: 120px 100px 0 385px; width: 500px; height: 200px; margin: 0 auto; text-align: left; }
    
        #header h1 { margin: 0; color: #fff; font-size: 4em; padding: 0; }
            
            #header h1 a { text-decoration: none; color: #fff; }
            
        .description { color: #ff9cef; font-size: 1.7em; padding: 0 0 0 150px; }

    #body-container { margin: 0 auto; text-align: left; width: 985px; }
    
        #headlinks { text-align: right; font-size: 1.8em; color: #fff; height: 55px; padding: 5px 0 0 0; }
        
            #headlinks a { color: #fff; }
    
        #content { margin-left: 330px; }
        
            .navigation { text-align: center; display: block; height: 20px; clear: both; margin: 5px; font-size: 1.1em; }
            
            .alignleft { float: left; }
            
            .alignright { float: right; }
        
            .post { background: url(images/kk-post-head.jpg) no-repeat top; padding: 25px 0 0 0; }
            
                .post h2 { margin: 0; padding: 0 15px 0 40px; color: #fff; font-size: 1.8em; font-weight: normal; }
                
                    .post h2 a { color: #fff; }
                
                .post .posttime { padding: 0 15px 0 25px; font-size: 1.2em; }
                
                        .post .posttime a, .post .posttime { color: #fff; }
                
                     .post .posttime span { color: #fc04d4; background: url(images/star-icon.gif) no-repeat left; padding: 0 0 0 12px; margin: 0 0 0 15px; }
                
                .post .entry { padding: 25px 25px 45px 25px; text-align: justify; font-size: 1.4em; line-height: 1.5em; background: url(images/kk-post-bot.png) no-repeat bottom; }
                
                .post .entry img { max-width: 100%; }
                
                .postmetadata a { background: url(images/kk-post-comment.png) no-repeat; display:block; width: 92px; height: 17px; float:right; margin: 0 35px 0 0; }
                    
                        .postmetadata a:hover { text-decoration: none; }
                        
                #commentform, #respond, #comments { margin: 10px 20px; }
                
                #respond, #comments { color: #84006e; }
                                                
                #content input, #content textarea { background: #F5A7EF !important; color: #4D4B4C; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }
                        
                #commentform #author, #commentform #url, #commentform #email, #commentform #comment, #content #searchform #s { border: 1px #ccc inset; }
                
                #commentform #submit, #searchform #searchsubmit { border: 1px #ccc outset; }
                
                #commentform #comment { width: 420px; }
                
                .commentlist { list-style: none; margin: 0 20px 20px 20px; padding: 0; font-size: 1.2em; border-top: 1px dashed #F7D4F4; }
                
                    .commentlist li cite { font-weight: bold; font-style: normal; }
                
                    .commentlist li .commentmetadata { padding: 0 15px; }
                    
                        .commentlist li .commentmetadata a { color: #5f5b5c; }
                
                    .commentlist li .commentdata { margin: 5px 15px; }
                    
                    .commentlist li { border-bottom: 1px dashed #F7D4F4; padding: 10px 5px; } .commentlist li li { border: none; padding: 0; }
                
        #sidebar { float: left; width: 329px; font-size: 1.2em; margin: 57px 0 0 0; background: url(images/kk-side-bg.png) repeat-y right; color: #B8149C; }
            
            #sidebar #searchform #s { color: #94dafe; font-family: Arial, Helvetica, sans-serif; border: 1px inset #000; }
            
            #sidebar #searchform #searchsubmit { color: #94dafe; font-family: Arial, Helvetica, sans-serif; border: 1px outset #000; background: #3A3A3A; }
        
            #sidebar ul { list-style: none; margin: 0; padding: 0 43px 40px 40px; background: url(images/kk-side-bot.png) no-repeat bottom right; }
            
                #sidebar li { padding: 0 0 20px 0; } #sidebar li li { padding: 0; }
            
                #sidebar li a { border-bottom: 1px dashed #db62d0; display: block; padding: 5px 10px 5px 25px; background: url(images/star-bullet.gif) no-repeat left top; color: #db62d0; }


                #sidebar div, #sidebar li p { text-align: justify; }
                
                    #sidebar div a, #sidebar li p a { display: inline; padding: 0; background: none; }
                    
                        #sidebar div a:hover, #sidebar li p a:hover { text-decoration: none; border-bottom-style: solid; }
            
                #sidebar ul ul { padding: 0; background: none; }
            
            #sidebar h2 { font-weight: normal; font-size: 1.6em; color: #84006e; margin: 0 0 7px 0; }
        
            #rssfeed { background: url(images/rss-feed.png) no-repeat; float: right; margin: -2px 20px 0 0;  }
            
                #rssfeed a { display: block; width: 60px; height: 40px; }
                
                    #rssfeed a:hover { text-decoration: none; border: none; }
        
        #footer { clear: both; background: #84006E url(images/kk-footer.jpg) no-repeat top; padding: 20px 15px 15px 15px; margin: 0; text-align: center; color: #f390ea; font-size: 1.1em; max-width: 994px; margin: 0 auto; }
        
            #footer a { color: #f390ea; }
        
        
        
        


Website
Nikkatsu-erotica.com

Posted by: pandy Jun 5 2009, 08:30 PM

QUOTE(nikkatsu @ Jun 6 2009, 03:00 AM) *

My products are lower than they should be on the page.
*Site is not up and running yet, workin the bugs out, but they should be right underneath
NEW DVDS*


QUOTE

Website
Nikkatsu-erotica.com


So what is it? The site is not up and running or the site you posted the URL to is the site you want us to look at? The products are low alright, so I'll assume that is the site. Fix the errors. That may or may not fix your problem, but it will fix some problems and provide a starting point.

http://www.htmlhelp.com/cgi-bin/validate.cgi?url=http%3A//nikkatsu-erotica.com/&warnings=yes&input=yes

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)