Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
So I am making a website but some weird thing is happening.
Like, you can see it happen by yourself, it's pretty staight forward; try opening this link into Chrome and Firefox (for example).
Chrome reacting just fine, and not Firefox.
As the two files are pretty long, I pasted those in pastebin:
header.php (which is called in my index): http://pastebin.com/E7P9y7Dt
style.css: http://pastebin.com/AxHQQJya
Can someone please help?
Thank you in advance.
Solid
Css properties you are using works differently on different browser.
i checked the page found issue specific with logo css
use display: inline-block; instead of display: table-cell;
finally your logo css should be
.logo {
display: inline-block;
padding: 5px 0;
vertical-align: middle;
width: 140px;
}
at line number 153
Obviously vikrams solution worked. If you really need to display it as a table-cell for some reason, you can also solve it to declare properties inside the element like this.
<div class="logo">
<a title="ArtiTrans" href="index.html">
<img alt="ArtiTrans" src="images/logo.png" width="100%" height="100%"></img>
</a>
</div>
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 6 years ago.
Improve this question
I inspected it with Google Chrome and found this :
<div class="_2p3a" style="min-width: 180px; width: 270px;">
It should be :
<div class="_2p3a" style="min-width: 160px; width: 188px;">
But how to change it? It's a css from facebook. I tried to override it like that:
Added this line in my style.css, it doesn't work :
._2p3a {
min-width: 160px !important;
width: 188px !important;
}
Thanks for you help
This widget shown inside iframe. We can't modify any styles or scripts inside the iframe.
Try to get correct size widget in facebook developer account.
plz set your plugin width(iframe width)
from ( https://developers.facebook.com/docs/plugins/) Facebook
If you check the facebook link in the iframe, you will see that the current dimensions of this plugin are : width:270px and height:330px.
You will have to change thoses dimensions if you want the iframe to fit in your side div.
Try changing the values in the URL : Your facebook plugin
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 7 years ago.
Improve this question
I just started to work with HTML and I wanted to make a site which has got a colour on the upper side, an another colour on the lower side. I did some research, and I discovered that you got to work with divs. Can you make a nice div in HTML, or do you got to make a div in css (which does fit correct to my site)?
Create your divs in your body with id's
<div id="upper"></div>
<div id="lower"></div>
and then using css you can change some attributes such as color and size, for example in either an external css file or inside of style tags you can do this.
#upper {
background-color: blue;
width: 100px;
height: 100px;
}
#lower{
}
w3schools.com is a great resource for beginner web development, check it out.
Div is a html element. You can set its properties through css but a div doesn;t exsist in css. It is just a way to divide up section in html. Here is some basic information about divs.Divs Info
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 8 years ago.
Improve this question
I made some changes to my Tumblr so that it can match my Wordpress blog. I swapped the header out, but now I have a huge space between the header and the nav bar. Any ideas about how I can get rid of it?
You can see my Tumblr here.
I am trying to replicate my blog as much as possible.
Thanks for any tips.
You have an empty container div.
Either delete the container, or put the following in the CSS;
#container {
display: none;
}
or you could set the padding on the #container rule to 0.
Hope this helps.
EDIT: On closer look, you do need to delete your entire container. Delete all this code;
<div id="container">
<div class="blogtitle">
</div>
<div class="description"></div>
</div>
and then delete the styles for #container, .blogtitle, and .description (unless you think you might need them later).
After reviewing you web site I found the issue: Just you need to make following change in CSS:
div#page{
margin: 0px;
}
#masthead{
margin-top: -15px;
}
That's it.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
<section class="wrapper">
other html codes.
</section>
Following is my css.
.wrapper {
display: inline-block;
margin-top: 60px;
padding: 15px;
width: 100%;
}
For mozilla and chrome there are no issues.But for internet explorer, the entire section moves right a little.Help me to fix the issue.
Have you tried using the HTML5 shiv? Although IE 10 shouldn't need this.
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
Another possibility is different browsers have different default margins/padding. Try to zero them out with:
*{margin:0;padding:0}
Try using reset.css as found from here http://meyerweb.com/eric/tools/css/reset/reset.css ... Use this css file as the first top file in your css.. .and then rest of your css. Let us know how it goes
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
Can anyone tell me why my rollovers for my figures are 7px taller than the figures themselves?
Been looking at this for nearly 2 hours and it's driving me towards insanity.
Note: This site is nowhere near finished so there is probably lots still wrong with it but if someone could tell me where the 7px is coming from that would be great.
I can post code if needed but here is a link to the test page.
Link to the text site
Thanks.
The extra space is actually a cause of line-height. Since you are using display: inline-block; on .portfolioWork figure, line-height will have an affect on it.
Just add line-height: 0; to .portfolioWork figure and it will fix the issue.
Your CSS definition will look like this:
.portfolioWork figure {
display: inline-block;
line-height: 0;
position: relative;
width: 100%;
}