My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
Said I was in the middle of a brainstorm Took me all of 2 minutes this morning to change it
Thanks a lot, your help is much appreciated.
So I think I've finally nailed what the stylesheet SHOULD look like..
I wasn't happy with the entering, and withthe fact that the boxes wouldn't all be the same length if one box contained slightly more content than the others.
I used these resources:
http://www.cssplay.co.uk
http://www.dustindiaz.com/min-height-fast-hack/
These site's helped me nail down how to get all the boxes to display correctly at the same height in both IE and Firefox.
I've tested this and good news is that it appears to work with both IE and Firefox.. I've posted the stylesheet with the changes here in case anyone wants this right now.. However, I will be submitting an update to the add-on to the downloads section this weekend.. If anyone spots flaws in my CSS I would love some feedback..
In the meantime, hope others find this helpful/useful!
Code:#navColumnMiddleWrapper { margin: auto; overflow:hidden; } #middlebox_1 { /*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/ float:left; width:33%; } #middlebox_2 { /*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/ float:left; width:33%; } #middlebox_3 { /*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/ float:left; width:33%; } #middlebox_1, #middlebox_2, #middlebox_3 { margin: 1px; padding-bottom: 1em; margin-bottom: 1em; } h2.middleBoxHeading, h2.middleBoxHeading a { font-size: 2em; color: #ffffff; } h2.middleBoxHeading a:hover { color: #FFFF33; text-decoration: none; } .middleBoxHeading { margin: 0em; background-color: #FF6699; padding: 0.5em 0.2em; text-align: center; } .middleBoxContainer { margin-top: 1.5em; } .middleBoxContent { padding: 0.4em; min-height:300px; /*Another stupid IE hack. The next two statements set min-height in IE's dumb-a$$ed browser*/ height:auto !important; height:300px; } .middleBoxContent { padding-bottom:32767px; margin-bottom:-32767px; } #middlebox1Content { background:#e0d0d0; } #middlebox2Content { background:#c0c0c0; } #middlebox3Content { background:#e0d0d0; }
Last edited by DivaVocals; 13 Mar 2010 at 12:49 AM.
My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
I installed this on my test home computer before installing it on my hosting system. I got info. in the middle - no colored header like my side boxes have and how do I place them beside each other?
Thank you
LadyDee
It sounds like you don't have the stylesheet correctly applied. Check the folder location of the mod's stylesheet and its content *on your server*.
Thank you, yes that was the problem.
LadyDee
Could you please tell me how to add three more boxes to the center? I would like to have 6 instead of three and I am not sure of everything tha has to be changed or added to.
Thank you
LadyDee
ofIt's a fair amount of work which requires cloning the sideboxes, and then setting up the stylesheet to show two rows of three boxes in the same tableless style as the existing module uses... (IMO the discussion how to execute this might be a bit off topic for this thread..)
Bottomline is that what you are asking for is not a quick thing to do.. For me it would require DOING the work just to SHOW/EXPLAIN to you how to do it.. Work, clients, and family commitments have me pretty busy right now.. I'm afraid that I can't commit the time to volunteer doing work like this right now..
Sorry that's probably not the answer you wanted to hear..
My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
No it is not, however I appreciate the fact that you responded to me to let me know that it was not as easy as I thought. I was thinking I could just copy some files and rename them.
LadyDee
**deleted**
My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.
Bookmarks