margin

Why is there space above an element that appears to have no margin or padding?

由 你离开我真会死。 提交于 2019-12-12 03:29:59
问题 I'm wondering why the elements in my nav bar appear to have blank space above them? I've checked the margin and padding and there doesn't seem to be an issue, but there is a large space above my #logo and #searchbox which is messing up my layout, how can I get rid of the space above the elements? Thanks a lot! Here's my Code: li { display: inline-block; } ul { display: inline-block; margin: 0px; padding: 0px; } #main_nav, logo { display: inline-block; padding: 0px; margin: 0px; } nav li a

jQuery .animate() marginLeft not working in IE8 and below - invalid argument

由 瘦欲@ 提交于 2019-12-12 01:39:27
问题 I have an IE specific problem. On the bright side it works well on all other browsers. The problem occurs when clicking the .close_button_page image which should perform the simple animate function, moving the div to the left. In IE 8 and below, it simply says invalid argument in the console. I have found issues like this online but none address the problem. Note: There are many other IE bugs ( z-index etc) at the moment so please ignore that. HTML: <div id="content-left"> <img class="close

CSS pages not equal even with the same css-file

由 帅比萌擦擦* 提交于 2019-12-12 01:37:53
问题 This is the site i am using as a test site: http://test.pafo.net/ My problem is that the pages, even thou they are equal, they change in position. If you click on Seite 2 and then Start and keep clicking on them, you will see that the entire container is moving a little. The only difference between those pages are that Seite 2 has more example text, nothing else. Whats causing this? Did i forget an attribute in the stylesheet somewhere? 回答1: Seite 2 gets a scrollbar. That alters the page

Position:fixed and margin:0 auto not working in IE

由 亡梦爱人 提交于 2019-12-12 01:36:05
问题 I have coded a website in HTML and CSS. In this website I have used both properties margin: 0 auto and position:fixed on several occasions. The problem is that the website is correctly displayed in any modern browser except for IE 8+. Another problem that I found is that there should not be a space between the header and the browser window. Again this only happens with IE. This issues are usually related with the quirks mode of IE. However in this case I set the doctype correctly <!DOCTYPE

How can I remove unwanted left margin/padding from post images?

由 一曲冷凌霜 提交于 2019-12-12 00:26:28
问题 I'm fairly new to the whole HTML and CSS thing, so apologies in advance for my cluelessness! I've been trying and failing to align my post images with my text on my blog:http://kittenasacat.blogspot.ie/2013/08/saturday-sweetness-my-caramel-squares.html The content body is 600px wide and so are my pictures, but they are being slightly indented so that the right side of them is cut off a little. I've successfully managed to get everything else in line, but not these! .post{ width:100%; height

how to use no margin image side image in html, css

由 戏子无情 提交于 2019-12-11 21:07:54
问题 I want to show this four images without any margin. How to do this? Each A,B,C,D look like one image. A B C D <div align="center"> <img src="a.png"> <br/> <img src="b.png"> <br/> <img src="c.png"> <br/> <img src="d.png"> </div> I tried css margin=0 and style padding =0 but it is not working. Update--- <img id="ImgEmotion" src="a.png" width="40" border="0"> <img src="b.png" width="20" height="20" border="0"> If I use css, I know there are no margin. If I use #no_margin , how can I apply to img

CSS position something on top without using negative values

由 筅森魡賤 提交于 2019-12-11 19:37:38
问题 this is probably really simple thing but i just dont know how to do it without using something like padding-top with negative values, my site looks like: My CSS is: .center { width: 1030px; margin: 0 auto; } .top-panel { background-image: url("images/top_panel.png"); background-repeat: repeat-x; background-position: center; height: 43px; padding-top:5px; } a.top-button{ background: url("images/top_button.png"); height: 37px; width: 141px; background-repeat: no-repeat; display: block; } .text

Firefox/IE Padding/Margin Fix [closed]

由 独自空忆成欢 提交于 2019-12-11 18:46:15
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . beautiful people, For the life of me I can't get my buttons to format properly in IE and Firefox, using Bootstrap. I've looked around for people with similar problems on here but I can't seem to lick this one. Any help would be greatly appreciated. I've made this site in MeteorJS in case that provides any

css常见布局

由 烂漫一生 提交于 2019-12-11 18:20:52
什么是布局 布局简单来说就是如何排列页面中各部分的内容 那么，如何排列呢？ 页面中常见的布局 单列布局 等宽的单栏布局 中间内容略窄的单栏布局 两栏布局（一遍定宽、另一边自适应） 通过 float + overflow 来实现 通过 position 实现 通过 float + calc 来实现 通过 flex 来实现 三栏布局（左右两边定宽、中间内容自适应） 通过 float 来实现 通过 position 来实现 通过 table 来实现 通过 flex 来实现 圣杯布局 双飞翼布局 单列布局 1.等宽的单列布局 按照普通文档流的排列方式，从上而下依次排列只需将每个部分的宽度设置成一样即可 完整代码 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > Document </ title > < style > * { margin : 0 ; padding : 0 ; } .main { width : 800px ; margin : 0 auto ; } .header, .content, .footer { width : 800px ; text-align : center ; } .main .header { height : 64px ;

WPF: add to margin without overriding existing value

由 笑着哭i 提交于 2019-12-11 18:09:05
问题 I have two simple margin styles defined, one based off the other. <Style x:Key="marginStyle" TargetType="FrameworkElement"> <Setter Property="Margin" Value="0,10,20,10"/> </Style> <!-- based on marginStyle --> <Style x:Key="marginIndentStyle" TargetType="FrameworkElement" BasedOn="{StaticResource marginStyle}"> <Setter Property="Margin" Value="10,0,0,0"/> </Style> In the derived 'marginIndentStyle' style, I want adjust the margin's Left prop to be 10 more than the Left prop in the base
订阅 margin