This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 11 years ago.
I cannot seem to get the border around the title and elephant elements to go away in IE. Seems to work fine in chrome and Firefox. Does anyone understand why? Reasoning and answer would be much more helpful instead of just an answer. I also cannot get the borders of the elements to work in IE, however that is not as important to me right now. Thanks in advance.
Link to website
IE follows the web browser tradition of drawing a colored border around an image that is a link (technically, an img element inside an a element that has the href attribute). This was meant to make the user notice that the image is a link.
To remove the border, use the attribute border=0 in the img tag or use a corresponding CSS rule, like img { border: none }.
Related
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 9 years ago.
On my website, kylesethgray.com, I have made a somewhat 'responsive design'. Everything seems fine except two things:
If i have a list, be it <ul> or <ol>, the bullets get cut off when the browser window is shortened horizontally
For some reason, when doing the same thing to imitate a mobile browser, a horizontal scrollbar appears, and scrolls to the right, even though there isn't anything there.
Is there anything I can do to fix this?
I think the YouTube embed is breaking your layout, try this CSS:
.video iframe { width: 100% }
Also you should consider to use a framework for responsive design like Foundation or Columnal
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I have made a website and for some reason it works in IE 9 but none of the text is highlightable in Firefox 18 or Chrome and none of the links work. I have tried changing all the divs with links to have a z index of 999 I have validated the code with W3c, I have tried changing the tags used to decorate the links and tried different css but none of it works.
I just cannot find out what is wrong and it is a mystery why it works in IE, the worst browser.
If anyone could help I would be eternally grateful. I uploaded it here
http://1400testwebsite.uphero.com/
Thank you
Try removing "z-index: -1" from the Wrapper Div. This solved the problem in Chrome and FF for me.
you have wrong property: #wrapper {z-index: -1}
z-index can't be negative.
Remove z-index -1 from #wrapper and this will solve your problem, z-index should always be a positive number between 1 - 32767.
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I have a Megamenu on my website and it works in all browsers apart from Google Chrome. It just doesn't appear.
Please take a look at the header on the homepage on Firefox and then take a look at it in Google Chrome.
The website
You'll see in Chrome, the Menu isn't there but in Firefox it is.
Can you see why this is happening?
Cheers
Change your position:fixed to position:relative on <div id="megamenu"></div> and it shows up.
Looks like your CSS for elements around it is throwing it all off though, so this little fix might not get everything looking the same in both browsers.
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I'm not entirely sure what I'm doing wrong, and I can't figure out how to Google it because a common mistake is very prevalent. I have the parent's height explicitly set, but I can't get #main-sub-content 's height to 100%.
Here's the page:
http://coloryourspot.vadremix.com/
And the corresponding CSS:
http://coloryourspot.vadremix.com/styles/primary/main.css
Can anyone spot the issue?
Solved: The problem was the parent element had height:auto!important;
Remove this attribute:
div#main-content{height:auto!important}
and things works fine in Chrome.
But since your #main-sub-content is min-height:100%, your #footer-clear will be put out of screen. You may have to work that out later.
Your error is being caused by footer-clear
Chrome Developer tools or Firebug in FF will always help you find these issues.
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I'm having an issue with my site on Safari (and on Safari only). If you go to luckyskins.com in Safari and hover over any of the elements in the nav bar, a small outline is left around each button after you stop hovering. This doesn't happen in Firefox or Chrome. Any ideas what this could be?
This is what it looks like when a button is hovered over: http://cl.ly/image/133m0Z3Q3Q2m
And here's what it looks like after the mouse is removed from the button: http://cl.ly/image/1P112U063904
That outline shouldn't be there and doesn't happen on any other browser but Safari. Any thoughts?
When styling the button, add the line:
* {
outline: none;
}
That should get rid of it. If it doesn't that is strange.
The * refers to all things that Safari or any browser gives an outline and therefore won't. Add this somewhere in your code and it should fix the problem.