Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
So eBay listings are hugely limited, but I don't see anything which suggests CSS3 wont work... I've been able to use #font-face, and some other CSS mouse over animations such as slightly zooming images out etc and they all work fine. I've also been able to add a spinning animation in another listing which happens when you hover on the image which again should suggest any CSS would work.
Previously any errors id seen with CSS has been with the way eBay parses the code and if there are any spaces it'll occasionally throw up a CSS parsing error, but once these are cleared everything runs fine, except this time where the animations still don't work.
The two phones in the following demo listing should tilt when you hover over them, but nothing is happening. Can anyone debug a reason why this might be?
Here is a test eBay listing
http://www.ebay.co.uk/itm/NEW-Beats-by-Dr-Dre-Solo2-On-Ear-Headband-Headphones-Test-Listing-/301742453131
and here is a self hosted version which should work in all major browsers on OS X and Windows.
http://deecies.com/ip6test.html
Doctype is the reason why some parts of CSS3 will not work on eBay Descriptions.
The Doctype on the iframe (which is where eBay throws your description) is not defined so it can default to html 4.
Here is something to keep in mind when building a template:
There is a known issue of First Load vs Cached Load on eBay. If you view your listing in non-cached incognito window you will see that eBay doesn't throw your description into an iFrame and the Doctype is defined as HTML5. But, if you reload the page you get back to your iframe HTML 4 doctype.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 9 days ago.
Improve this question
So I have made this website, with two pages. Both pages, and links to both pages work perfectly well in both Safari and Chrome, in my local host. But for some reason the both menu items, linking to an 'About' page and on the second page, there is a link to 'Home', don't work in my GitHub deploy link. Shared here: https://hajmub.github.io/sounds/
I get this error message (linked above) when I click onto the 'About' page, in the deploy link.
Yet it seem to still be fine in my local host, on both browsers. Does anyone know what's going on?
Can it be something wrong with the code, if it seems to be working fine in the local server?
Have tried everything! Looked at markup indentation, all css properties, checking every aspect to make sure that the menu items markup and css were exactly the same across both pages - as... if the properties and markup are the same as yesterday's (when they were working) what's changed? Why don't they work now?
Your link is wrong in this element.
About
The leading / indicates a path starting from the web root, but your site is not in the web root, so the link fails. (On your own server the site is in the web root, so it works)
Change the link to this:
About
Note: no /. This links to a page relative to the current page. It should work on both servers.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I've recently uploaded a website, and I'm having issues with images displaying:
Some of my images won't load and return a 503: service unavailable error.
In fact, I think the only images that load are the ones saved in cache memory, because if I refresh the page 3-4 times all the images get loaded.
I tried to contact my host, but they only responded I had low speed problems (Google tools tell me I should absolutely resize my images) and I'm not sure 4 images, even if they are big, cause too much trouble to get uploaded, am I wrong?
For further details, here is for example a page that bugs:
http://cookeup.fr/articles/sucr%C3%A9/Cookies+extra+moelleux+%28option+brownies%29
It appears as though anything that has c9users.io in the url such as http://cookeup-arthurdeschamps23.c9users.io/imagesArticles/Jennifer/2nd%20step.jpg is getting redirected for login details. Which can be replicated by simply attempting to visit that URL.
For the images that work, such as the title: http://cookeup.fr/Frontend/images/title.jpg you can see that these are not being redirected. I assume that there will be a redirect in the .htaccess for the website.
To get around this the easy way, I would try and put the images which aren't working in the same directory as the title.
As for the image size issue, I always compress everything with https://tinypng.com/ .
Definitely try resizing your images. Even if it doesn't fix your issue, it will assist in the loading time of your website. Additionally, try re-uploading your images and check how they are linked on your site.
Most of the time, a 503 error occurs because the server is
too busy or
there's maintenance being performed on it.
You might want to compress or resize your images before uploading it to server , as they might be large enough to keep the server busy and show the error.
Moreover , check for the Relative URL of the images ,(not necessary) but helps sometimes.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have been working on a very simple thing for a while now, everything looks and works just fine when I just view the file locally. I used dreamweaver and dreamweavers preview works just as well in both firefox, IE and chrome.
My home0.png is supposed to change to home1.png when on mouseover and that's happening when viewed locally.
I uploaded all the files to a temporary host, and all is working except for the mouseover function. On mouseover is shows an error image.
I have split the image above in three parts;
The above part is what is doing live, when hosted
The middle parts is what is is supposed to do and what is is doing in DW preview and when viewed locally on my pc.
The third part is the code I used.
Can anyone spot the fault?
If your file structure is something like:
-views
-index.html
-file2.html
....
-IMG
-HOME0.png
-HOME1.png
you must add / to your img path:
/IMG/HOMEx.png
TIP: Set better the name of files and folders to lowercase.
Try to change this part
onmouseover="this.src='IMG/HOME1.PNG'"
to this:
onmouseover="this.src='IMG/HOME1.png'"
Just change .png from uppercase to lowercase
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm modifying a browser (Chrome or Firefox) to work in the Sahara desert - or any environment with very poor connectivity. I can configure the browser, recompile it, or even insert a custom coded proxy. The goal is to make it operate well with spotty, slow connectivity.
I've found the biggest problem to be that even when you get the main page, the browser will often hang, waiting for the CSS and JS etc to load. How can I force the browser to "Render the page right away, don't worry about other resources?"
The page isn't waiting for the resources to render, browsers generally always render HTML as soon as they have it available. However, the CSS and JS files are likely being sent before the generic HTML for the page, as web designers don't generally like their page to go through multi-step formatting processes while the CSS page loads in, nor do most users. You're likely getting almost none of the HTML until after the CSS or JS loads. Presumably, if you have full control of the browser's functionality, you may be able to tell it to skip these or save the address to load in later? I wouldn't recommend this behavior though, as it could break a lot of functionality, especially with JS.
If images are missing, they should show the alt text. If they're loading, they may not. Again, with full control of the browser, I don't see why this should be a problem for you.
There is no 'generic' CSS. CSS rules are largely customized based on classes and identities defined by the author. More modern webpages which make use of newer HTML5 elements have more semantic information available to guide display without a stylesheet. Short of this, you need the accompanying stylesheet for proper display. You could attempt to guess or reengineer, but the vast majority of the time this will fail, as there was little to no convention prior to HTML5 bringing in more semantic elements.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I'm very new to html, css, java, code in general, and I was trying to figure out how to add more than one image within one single line of code.
I'm trying to create a really simple click-through image gallery with no flare or crazy tricks?
Any help would be much appreciated.
No. Image tags can have only ONE src. If you want multiple images, either use multiple image tags, or use some javascript to change the src of the one image.
Whenever you wonder about any HTML tag look it up at W3C (They are the authority when it comes to web standards) The imagetag is found here:
http://dev.w3.org/html5/markup/img.html#img.attrs.src
What would would probably want is to change the image src attribute using javascript, or some library like jQuery. This will also let you do more advanced scripting later on.
It could look like this in pure javascript:
document.getElementById("img").src = "foobar.jpg";
As #Luiggi says: no. You can't do that in HTML. The img tag is for a single image.
If you want to click through things, then you need to have the appropriate user-interaction event handlers, and a bunch of separate objects to switch through. Doing this is not hard, for example, you could load all the images in separate img tags, and set all but one of their display attributes to 'none'.
Then when somebody clicks, you can hide the visible one and show the next one.
Or you can go a little bit deeper and look at the many many different options for image galleries with a google search. Most of them will require some underlying framework be loaded, such at jQuery, but once you get past that hurdle the slide show stuff is usually pretty easy.