I created a new template in order to use my dynamic site header. I've gotten everything to work successfully, except there is the most annoying oddity going on, where there is padding showing under the header images.
Here is my store page with the broken template:
http://www.swellinfo.com/cart
I've been analyzing code for hours now, and have determined that it is not the opencart style sheets, and it is not my style sheets. Outside of the Opencart code, the header works as it intended without the spaces around the images.
I"ve tried adding css margin/padding = 0 without luck. I am really at a loss of whats going on here. Any ideas here? Please help!
Do you mean the vertical space between the "swellinfologo_big.png" & the "logo.png" (store logo) ?
If so, that's part of the div in the header-
#header .div1 (line 50 in the stylesheet) which has { height: 97px; } & #header div2 which pushes the store logo down 21px from the top.
Change to:
If so, that's part of the div in the header-
#header .div1 (line 50 in the stylesheet) which has { height: 97px; } & #header div2 which pushes the store logo down 21px from the top.
Change to:
Code: Select all
#header .div1 {
height: 65px;
}
#header .div2 {
position: relative;
top: 0;
left: 15px;
}
http://www.alreadymade.com
Follow me on twitter.com/alreadymade
no, even when i remove the opencart stylesheet.css, it still occurs.
There are 2 places in my header images where there the blue background shows through the gray template, about 10px or so. I have checked and double checked, and there doesn't appear to be anything wrong with my code.
There are 2 places in my header images where there the blue background shows through the gray template, about 10px or so. I have checked and double checked, and there doesn't appear to be anything wrong with my code.
bizarre... this shows as in the image I attached on all of my browsers for me: firefox, chrome, safari, ie isn't working for me right now.
I previously had those error messages and fixed code...
Is there a cache issue going on here?
I previously had those error messages and fixed code...
Is there a cache issue going on here?
Obviously this is the first visit to your site for me so no cache exists in my browsers.
Clear your browser cache and try again but clicking the refresh button should update it as this instructs the browser to get a fresh copy from the site.
Phil.
Clear your browser cache and try again but clicking the refresh button should update it as this instructs the browser to get a fresh copy from the site.
Phil.
Ok tried the same here and got a friend I was on the phone to at the time to try and he has the same errors displayed at the top of the page.
We are talking about the url http://www.swellinfo.com/cartthat you supplied at the top of this thread aren't we?
We are talking about the url http://www.swellinfo.com/cartthat you supplied at the top of this thread aren't we?
ok, i've figured out a lot here... the error messages should not be there for you anymore. OpenCart must turn on the warning messages... so that the following if($_COOKIE['var']) creates a warning.
Anyway, take a look at the page now:
http://www.swellinfo.com/cart
When I get rid of this line:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Then all is ok... Why is this? Also, if I add a break tag (<br />), as the first line, then the spaces under the images are removed. Is my code not complying with the DOCTYPE specified? Thanks.
Anyway, take a look at the page now:
http://www.swellinfo.com/cart
When I get rid of this line:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Then all is ok... Why is this? Also, if I add a break tag (<br />), as the first line, then the spaces under the images are removed. Is my code not complying with the DOCTYPE specified? Thanks.
Yeah, your code is definitely not going to validate as strict xhtml. I suggest using xhtml transitional or html4 and also cleaning up your code out of opencart before inserting it into the template file.
You've got a lot of inline styles and nested tables and rows there - I think you should simplify your code & the spaces will go away or at least it will be easier to see where the problem could be.
You've got a lot of inline styles and nested tables and rows there - I think you should simplify your code & the spaces will go away or at least it will be easier to see where the problem could be.
http://www.alreadymade.com
Follow me on twitter.com/alreadymade
Who is online
Users browsing this forum: Amazon [Bot] and 2 guests
