[SOLVED] :D Website displays well in Google Chrome, But IE, it DOESNT. Thanks

[simpson7647]

hi all, i have been editing my website the other day, mainly editing links within the website.

Below is a link in google chrome, Which displays it all well as i want it.

http://img204.imageshack.us/i/goodonchrome.png/

Now i tried this out in internet explorer and it appeared like this :/

http://img843.imageshack.us/i/badonie.png/

Now im after all your help in what i can do :/

I spent a good amount of time changing all the links as i wanted them so that they would underline apon hovering over and this seems to have messed up the display on ie.

Please help all.



many thanks in advance,

Regards,

Ryan

[simpson7647]

someone must be able to help

thanks

[Scotty501]

A URL would be useful to help diagnose the issue.

[simpson7647]

Okay thanks, here it is

Www.protectandenhance.co.uk

Thanks

[simpson7647]

bumpp, someone please help.

Ive had to put the website down as its not actually active and selling yet but as soon as someone needs to view it, message here and ill enable

thanks

[simpson7647]

someone please helppppp

thanks

[simpson7647]

someone help pleaseeeee

thanks

[simpson7647]

What?

Someone please help

[simpson7647]

someone pleaasee helpppppppp

thankyou

[AbeP]

Its to do with the theme your using.

If you've created the css yourself, explorer requires absolute references to files, so dont use ../img/x.png use /img/x.png

Its either not finding all your images, or not finding the css file at all, I think its the latter...

[simpson7647]

thanks for the reply.

All was created by others and was all working okay.

The other day i was editing the hyperlinks within each pages.

I then looked apon my website on ie and its displayed as shown :/

Thankyou very much for your reply but im really hoping someone can tell me how i can correct this issue.

If anyone needs the website online, let me know or paste your ip's and ill allow you to view (feel free to pm)

All much much appreciated,

Many thanks indeed all

[AbeP]

If your editing links make sure you closed the links properly and your html is valid.

If your using ie6 alot of people do not support that when making a website. use ie7 or above.

[simpson7647]

ill try and upgrade my ie as i believe its an old one.

Then ill post the results here.

Thanks for the help and input

EDIT

all the html links work as i have tested all on Google Chrome.


Updates my ie to latest version and still no luck, displays pictures down in a row as shown in image.

Please help please

thanks

[simpson7647]

bumpp, someone must know please

[simpson7647]

hi all, little update.

I was in contact with hostgator, and they stated this about my website

' It appears all your links and images align in the center for IE and Fire Fox.'


How would i go about sorting this out as it does appear it all went wrong when i started editing my links within the page.

Origionally, my links were all underlined and i edited this so that the links were only underlined when hovering over.

I edited all this is the .css i believe.

[AbeP]

as I said before check your css/html is correct. Just because it works in chrome doesn't mean it's correct.

things that influence alignment:

float, text-align and parent divs. If you don't know what I'm talking about then noone can help you beyond what's been said already. You'll have to get someone who knows what their doing to fix your site.

[simpson7647]

What i was editing was the links within the homepage so that when hovering, the link was underlined.

Once ive found the text align etc, what should i change too?

[web.geek]

Do you have a sample of what the code was before and after the edit? Do you have a backup of the file you were editing before you started the edits? Do you remember what you changed so you can undo? Are you sure the site was displaying correctly in IE8, FF, and Chrome before the change?

[simpson7647]

Im afraid I don't have any of the codes from before apart from the previous backups.

Could upload a previous a backup version and see how the browsers deal with it then?
Also how would I upload a previous prestashop backup?

Thanks

[simpson7647]

someone must be able to help please..


thank you

[simpson7647]

bumppp, help pleasee

thanks

[simpson7647]

Someone helppp pleaseeeeeeee


thanks

[simpson7647]

someone please helpp..


thanks

[simpson7647]

bumpppppppp, someone must be able to helppppppp :/


thankyouu

[simpson7647]

someone please help, its like this forum is dead :/

thanks all

[Guest]

Would have checked but your site is in maintenance mode,

You css file does not get loaded to IE. Check that there aint any crap before this will cause 100% sure fail in IE. Also about the images someone said earlier. The image paths do not need to be absolute. They need to be relative to path of css file or use absolute. But they dont need to be absolute.

[simpson7647]

ill live the site now

thankyou

[Guest]

You have open

tag in <head> on line 32 or close to it. Remove that

[simpson7647]

Thankyou for the reply.

So on line 32, I should find as you stated

tag in <head>

So remove the entire line 32??

Thanks

[Guest]

You should actually move it out from <head> Looks like it is somewhat important for your design. You know that better than I do

[shacker]

What version of presta you are using?

[simpson7647]

Haha, sorry but I can't say I do know better than you. So should add close to it, or remove it entirely? What do you recon?

Many thanks indeed

[Guest]

If it is important piece of your design.. move to other place.. but test first just by removing it. But that is illegal element in the head and it is open. Both will cause problems.

But I'm off for longer time, test and see what happens. First remove it and then do magic.. but looks like it would be the first element after <head> tag. Am not sure.

#Update

For more help... join #css at freenode.net irc network. There are plenty of guys who will help. It is not directly a css issue, but should help. This is not a prestashop problem. html and css issue more of.

IE does not fix your html, Firefox and Chrome as example try to fix the errors.

[shacker]

one thing. Have you tested with the default prestashop theme if this happend in IE?
and what version of presta you use?

[simpson7647]

current version is 1.3.1 and no currently i havent tested in default theme.

On website, i currently only have my custom theme available so cant try with the default theme for some reason :/

thankyou

[shacker]

i think you need to do is:
copy the entire prestashop header from default theme, and paste in the header.tpl of your theme

from {hook header} to top

and see if this solve the problem

[simpson7647]

You have open

tag in <head> on line 32 or close to it. Remove that

where am i to find this?

thanks

[shacker]

header.tpl of your theme, but maybe its from a module

[simpson7647]

i think you need to do is:
copy the entire prestashop header from default theme, and paste in the header.tpl of your theme

from {hook header} to top

and see if this solve the problem

How am i to do this please?

thankyou

[simpson7647]

right, of my custom theme, im in header.tpl

thanks

[simpson7647]

how can i add the default theme as i believe its in ftp but not in the prestashop back office of my website?

So then i can see if this works?

thanks

[shacker]

upload from ftp to themes folder

[simpson7647]

which theme folder please?

thanks

[simpson7647]

in my themes folder is the origional and my custom theme.
Although in the back office, i can only choose the custom :/

help

thanks

[shacker]

check if you hae uploadeddelete and upload again. maybe is corrupt or some files missing

[simpson7647]

so if i redownload it, what do i do? unzip it and then paste in themes?

thanks

[shacker]

un

[simpson7647]

thankyou, where can i get origional theme from?

thanks

[shacker]

donwload from download section on this page

[EQ10000]

I 've a problem in using IE and read three pages in this thread.

You should have backup, you just need to compare files with date showed lately modified by you within the theme in the server. You'll find which one you edited. Then, upload those file back to website. Hope this could help.

Or, simply, uploading those files in the theme directory should not harm at all.

[EQ10000]

After posting last one, I noted some people answering.

If you download, use this for 1.3, current one is 1.4, it is not suitable you... (may be)
http://www.prestashop.com/en/download_complete?do=prestashop_1.3

Oh! they removed the file of 1.3... Why?

Most OSS would keep old versions online... well, I will keep those versions downloaded before...

[simpson7647]

i think you need to do is:
copy the entire prestashop header from default theme, and paste in the header.tpl of your theme

from {hook header} to top

and see if this solve the problem

tried copying it all from the prestashop normal to the header.tpl of my custom mod.

What do you mean from {hook header} to top?

thanks

[simpson7647]

donwload from download section on this page

on the downloads page, i clicked on 1.1 as that is my version, but its not in english :/

what do you recon?

thanks

[EQ10000]

You said your version 1.3.1 before... right?

Before prestashop remove the following, get your theme from here...
http://svn.prestashop.com/branches/1.3.x/themes/prestashop/

[simpson7647]

thanks for the reply, wheres the theme in tht link thou?

thanks

[EQ10000]

those files in the linkpage belongs to the theme prestashop, the default orginal theme.

Like someone asked you to use the header.tpl before. then it is
http://svn.prestashop.com/branches/1.3.x/themes/prestashop/header.tpl

for your reference
Its not easy to get all files, if you have time, study to use this software to download file from svn
google : windows get svn
and you will get
http://tortoisesvn.tigris.org/

[simpson7647]

You have open

tag in <head> on line 32 or close to it. Remove that

please explain this so i can give it ago

Many thanks!

[EQ10000]

Show the HTML source of the home page. e.g. press Ctrol-U in browser(firefox)
Copy the whole page.
Paste to your html editor with color. it will highlight what is wrong.

Or, attach the html file here, someone may help you.

In quick recovery, you just need to upload the "themes" directory from backup to server.

By the way, your domain name makes me deem that you're selling technology.

[simpson7647]

thanks for the input.

Ive put the website live so can you please take a look at it ?

thanks

[simpson7647]

ALL SOLVED by Lazylegs

Many thanks,

It turned out to be errors in the CSS.


Many thanks Lazylegs for all your help, MUCH appreciated

thankyou

[kenza750]

Show the HTML source of the home page. e.g. press Ctrol-U in browser(firefox)
Copy the whole page.
Paste to your html editor with color. it will highlight what is wrong.

I have a similar problem, and I know what part to delete from my source, but....
When I press Ctrl-U in Firefox, I get the source. I can copy/open it in Dreamweaver or Notepad++ to edit the source, but then what...? I'll have to save the edited source, but where should I save it to replace my site's source with the edited source?

Problably very simple, but I'm still new in this world :-)