teric Posted November 5, 2007 Share Posted November 5, 2007 I'm trying to modify a skin ( my first attempt using cube cart) and I get a big gap between the title and the products in/ heading. Any thoughts on what I'm doing wrong? I'm a real beginner, so I expect its something simple....... http://howardwatercolours.co.uk/shop/index...Cat&catId=3 Quote Link to comment Share on other sites More sharing options...
vokf Posted November 5, 2007 Share Posted November 5, 2007 Nice job so far! One problem is in the style id "contents"; #contents { margin: 0 180px 0px 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; padding-top: 20px; padding-right: 10px; } You've a missing "px" from the 1st parameter. I also notice that the layout isn't linear.. You've got the rightmost col coded before the left. In an ideal world , this should be fine, but some browsers don't like it. I've not checked the styles you've set-up, but I guess your're floating them into position. I'd personally put it into the correct flow for readability. I'm also not too sure why you've got 2 clear's in the code, just where the gap is... Jason Quote Link to comment Share on other sites More sharing options...
teric Posted November 6, 2007 Author Share Posted November 6, 2007 Nice job so far! One problem is in the style id "contents"; #contents { margin: 0 180px 0px 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; padding-top: 20px; padding-right: 10px; } You've a missing "px" from the 1st parameter. I also notice that the layout isn't linear.. You've got the rightmost col coded before the left. In an ideal world , this should be fine, but some browsers don't like it. I've not checked the styles you've set-up, but I guess your're floating them into position. I'd personally put it into the correct flow for readability. I'm also not too sure why you've got 2 clear's in the code, just where the gap is... Jason Quote Link to comment Share on other sites More sharing options...
teric Posted November 6, 2007 Author Share Posted November 6, 2007 Hi Jason Thanks for the encouraging comment. When I change to classic view the gap disappears. I'm still trying to find out what does what - getting there slowly. I've changed the code to add the px, but no joy. I think that was code straight from dreamweaver. I've not tried changing the order of the cols, but I have checked the generated code and the relavent bits are: From my customised layout: <div id="contents"> <div class="boxContent"> <span class="txtContentTitle">Scotland's West Coast</span> <br clear="all" /> <br clear="left" /> <div><strong>Products in:</strong> /Scotland's West Coast</div> From Classic layout: <div class="colMid"> <div class="boxContent"> <span class="txtContentTitle">Scotland's West Coast</span> <br clear="all" /> <br clear="left" /> <div><strong>Products in:</strong> /Scotland's West Coast</div> <div class="pagination"></div> I've looked at the relavent CSS and can find nothing amiss. Anyone any thoughts?? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.