Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 8 years ago.
Improve this question
Here is the link to the site http://kennunn.com/our_attorneys-new.html.
If you load this in Chrome you will see how it supposed to look. The problem is that IE 7-9 will load this page correctly up until it decides to do a little rearranging and it moves the attorney pics and content next to them completely out of place. I am not sure what is causing it to suddenly mess up right at the end of the page load.
We are using web fonts from fonts.com with their CSS API but I have tried removing it and it did not help.
Hopefully someone can help us out as I have been pulling my hair out over this.
Thanks for you time and efforts.
The issue appears to be related to your script, fixpng.js. At a quick glance, it appears to be setting the parent node of the images to be position:absolute, which would naturally screw up your layout.
When I skip that code, it renders fine.
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 2 days ago.
Improve this question
i faced this problem showing my images and i tried to figure out how to prevent this but didn't succeed.
On firefox the images is stretched , on chrome they appear good. im confused because a lot of Css rule on different class.
Website
there is a special CSS rule to add to get the same result on both navigator or need to modify the CSS rule applied ?
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
I am working on a website
http://weddingempires.com/category/planning/
There are images in the right side of the website i.e. in the right side bar. You can see that the images have white space around them. I want to remove that white space. I want the images to be fit into the space and no white space should be there. Please tell me that how can I do this. I think some CSS will do work. But I do not know which classes should be targeted. Please help me in this regard. Thanks
Open Chrome Dev tool by pressing the combination
ctrl+shift+I
DevTools can help you edit pages on-the-fly and diagnose problems quickly. I've found that you have extra padding in the sidebar just remove that it will fix.
Here are the classes
.sidebar-primary .widget
I hope it will work. I have tried using Devtool it works fine.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I have searched, but cannot find a solution that works for me.
For this site: http://kohvik.ut.ee
I cannot get the z-index on the logo to work with Chrome. Firefox and IE8 can do this.
Any ideas are welcome.
Thanks in advance.
I think this should work:
jQuery("#main-menu").find("div").css("z-index")
Weird thing is that you have 'div' inside of 'ul' as direct child, but nevermind. This should get your z-index attribute. (I hope that's what you meant by logo, if that's not your logo, please let me now which element do you mean by logo)
EDIT:
I've found it. Try setting z-index to 1 to element with id 'main-leftarea'. Set it to 1. It worked for me when I tried to change it in browser directly.
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 want to create some kind of different vertical dividers than usual ones. Instead of using the classic css border properties, how may I implement something like the dividers at the bottom(blue footer) in the following page: https://www.ote.gr/en/web/guest/consumer. I think this must be a picture. If so,any idea where to find some similar pictures?
Thank you very much
The website you gave does indeed use a picture, which is probably the easiest way for this effect.
I would strongly advise you to learn to work with Chrome Inspector or Firebug. This would show you the following:
And this would even learn you the image can be found at https://www.ote.gr/ote-corporate-theme/images/divider.png
I would advise you to create your own image though. Shouldn't be that hard...
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 creating a web app and I want people to be able to use it from their phones
this website seems to be using a great responsive css framework:
http://seenive.com/
when you zoom in a lot the top menu collapses very nicely.
any one knows what framework they are using?
The menu collapses not because of zoom but window.innerWidth. When it decreases below a certain width, the menu collapses into drop-down menu.
You can find an example here | JSFiddle demo
Edit: Many frameworks provide this effect but you really don't need one if you only want this effect
Gumby Framework
I never use this framework but they are used that
Github: https://github.com/GumbyFramework/Gumby