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
The problem is i'm not so advanced so i definitely did something wrong..
First page on he site opens correctly on Chrome and Firefox,
but on Internet Explorer footer image sticks to header image hiding two images in between.
the website: http://www.joniart.com
I've tried to make a similar landing html page, with <div> content but the issue remains.
Your problem is the height of those elements:
<img width="355" height="inherit" alt="Lietuviskai" src="http://joniart.com/wp-content/themes/tut/static_images/ranka_k.jpg" border="0" complete="complete"/>
Give them a real height
<img width="355" height="300" alt="Lietuviskai" src="http://joniart.com/wp-content/themes/tut/static_images/ranka_k.jpg" border="0" complete="complete"/>
and they should work.
From MDN:
height
The height of the image in HTML5 CSS pixels, or HTML 4 in
pixels or as a percentage.
I don't thinkg inherit is a valid value.
Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img
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 7 years ago.
Improve this question
I'm using Flexbox to lay out a site and IE11 is not playing nicely. The footer element is supposed to be at the bottom of the page or the bottom of the content, whichever is longer. This works fine in all other browsers including IE10. But in IE11 it does not stick to the bottom of the page. According to https://msdn.microsoft.com/en-us/library/jj127304(v=vs.85).aspx the justify-content property does not need any vendor prefixes. What gives? Why does this break in IE11 and not IE10?
Here's the live page I'm working with: https://www.tntech.edu/dev/ttu15.interior
Have a read at http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/ for a full explanation.
The actual solution apply the following changes
#rap{height:100vh;}/*change min-height to height*/
#rap > header,
#rap > footer{flex-shrink:0}
#rap > main{flex: 1 0 auto;}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 9 years ago.
Improve this question
I have a problem regarding the layout of my css. When i use Firefox the layout is ok. Just like i want to. But in Chrome there is a big difference. I have used css reset but it just messed up with my css. I don't know what to do, every tip will be helpful.
http: //83.212.122.240/
My site is in Greek.
There are differences in the navigation buttons and in my login form between the two browsers.
Here is my code:
https://www.dropbox.com/s/u68pv6t91p3lk24/index.html
And my css:
https://www.dropbox.com/s/fa7alsvsfhw62qy/templatemo_style.css
I check browser behavior for text-boxes only. You have to fix height and line-height of all text boxes as below :
.text-box {
height : 18px;
line-height : 18px;
padding : 2px;
}
Line height will take care of the text filled in text-box.
All browser is very sensitive to CSS. So you have to define all rules in CSS so that it should be same in all browsers.
So you have to take care of CSS for every DIV.
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 am not sure how to fix this and I know this question is kind of basic. A random object that is blocking my navigation bar is appearing on the browser side but not in the code, here:
image http://img571.imageshack.us/img571/9861/s4oa.png
But then in the code:
Please help me rectify this.
The issue on your page is that the following element seems to be created automatically and it is altering the spacing for you:
<a original-title=""></a>
If you can use a style sheet you should be able to adjust just the home link as follows:
<a class="home-link" href="/index.php">...</a>
And add the following style rule:
a.home-link {
margin-top: -18px;
}
This isn't particularly pretty or flexible so I would still strongly consider trying to determine where the element is injected and see if you can prevent it from happening. Good luck!
try moving the clearfix above <ul> tag as a separate div.
<div class="clearfix"></div>
<ul>
<!--- all list -->
</ul>
EDIT
Though i doubt it would affect, but still, your <a> tag is not closed in below line :
<a heref="cashcapacity.com"><center><img src="{$theme['logo']}"/></center><a>
and
<div class="navigation_menu">
<div> <!-- either this div is uselessly mentioned or you forgot to close this div -->
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.
The community reviewed whether to reopen this question 1 year ago and left it closed:
Original close reason(s) were not resolved
Improve this question
I'm building an alert page. I'm trying to make the page work even if javascript and CSS is failing.
I would like to use maybe deprecate HTML codes to do this. I need the span that contains the alert message to have a red background.
Please advise.
Try this :D
Example:
<div style="background-color:red"> </div>
You must insert the name of color like red, blue and so on.
You can use the bgcolor attribute to set the background colour, but it's far better to use CSS to style a page as the bgcolor attribute only works on certain tags.
<table bgcolor="#FF0000"><tr><td> My alert contents </td></tr></table>
For example it won't work on <span>, <div> or <p> tags, but will work on <body> and <table> tags.
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
A copy of my page can be found here.
I cannot figure out what css or html could be causing the 10-15 pixel gap that can be seen between the footer banner image and the end of the page. This is based on the WordPress theme twentytwelve.
This fixed it for me! It's the 2 span.statcounter's towards the end of the page that are pushing it down.
.statcounter {
display:none;
}
there is two <span> after footer with 16px height. you can use this code to remove that space:
.statcounter {
display: none;
}
reason of this issue is javascripts below footer, put javascripts between <footer> and </body> into a <div> with 0height, 0margin, 0padding, overflow:hidden;