Search Results

Search found 11550 results on 462 pages for 'css borders'.

Page 220/462 | < Previous Page | 216 217 218 219 220 221 222 223 224 225 226 227  | Next Page >

• Footer getting jammed into a column

  - by chief

  I have a three column layout. The last column on the right is: #right_column { float: left; width: 7em; border: 1px solid #ccc; padding: 5px; } My footer is going into the bottom of my right column. If I remove the right column the footer is still misplaced in the page. I presume it is something related to the float.

  Read the article

• Anchors requiring multiple clicks to fire

  - by novaurora

  'This is bizarre bug. I have CSS3 anchors/buttons, which I've continued to strip properties out of, that sometimes require multiple clicks to fire. I've never seen anything like it. http://votizen.com Sometimes it happens, sometimes it doesn't. So it's very tough to pin down. If anyone is interested in helping me, check out the page and the source code on the large 'Sign in with Facebook' or 'Sign in with Twitter' buttons. Thank you!

  Read the article

• min-height or sticky footer which is preferred idea?

  - by metal-gear-solid

  If in content is too small in pages then it look odd . to show some space to make looks good which method would be better. min-height to #main-content or sticky footer, which is preferred idea?

  Read the article

• Clearing block affects wrong floating

  - by HiveHicks

  I've got two-column layout <div class="left-pane"> Left pane </div> <div class="central-pane"> <div> <ul class="customers-types-tabs"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> </div> <div>Main content</div> </div> and the stylesheet: .left-pane { width: 248px; float: left; background-color: #f6f6f6; border: 1px solid #e6e6e6; padding: 20px 5px; } .central-pane { margin-left: 270px; } .customers-types-tabs li { background-color: #f6f6f6; border: 1px solid #d5d5d5; line-height: 38px; padding: 0 20px; float: left; margin-right: 10px; position: relative; top: 1px; } The problem is that I want "Main content" to appear right below the div with ul inside it (that represents tabs control), but if I set Main content's div's style to clear: both, it appears below the left pane, which is taller than the ul. What should I do to get correct position of main content?

  Read the article

• How to prevent a line break in a html link ?

  - by lovespring

  that is, a whole html link, must be in line1 or line 2. not in two lines.

  Read the article

• horizontal align in a div

  - by Jason94

  I have a box like this: <div id="selectBox"> Select: <select> <option>1</option> <option>2</option> </select> </div> How do i get them aligned so that they are horizontal in the middle of each other, the baseline of the "Select" text and the content of the select box ("1").(and not the box itself). I can solv this by wrapping a table around them and make two cells but i feel that method is very crude.

  Read the article

• Is it good to add line-height in body?

  - by metal-gear-solid

  Is it good to add line-height in body{line-height:1.5} or it would be better if i add separately for tag by tag like p{ line height:1em} etc. Edit: body {line-height:in em} create problem with if we put image with float inside Edit: 24 April 2010: If i have to add different line heights to elements like p { 1.4} h1 {1.6} h2 { 1.2} ul li { 1.1} then shouldn't i use line height in body { 1.4} if body { 1.4} and h1 {1.6} then what would be line height for h1?

  Read the article

• Apple 360 example

  - by frankB

  maybe all of you saw the Apple html5 shocases...thing is they didnt put online anything downloadable, am I right? someone found a 360 example that we can download and use as is instead of going trought the Safari Reference book...? thanks

  Read the article

• Jquery help for current time indication within a range

  - by Appster

  I'm looking for a simple light-weight jquery plugin that'll help me show something like this in my website: Essentially, this is like a timeline. I know the start and end dates (in that, they don't change) and the position of today's date just gives an indication of how far along I am into a task I took up on Jun 1, 2012. That's all I need it for - a better visual indication of my current status. I've found a lot of jquery timeline plugins but they are too complex for what I'm trying to do. Any ideas or suggestions? Thanks in advance.

  Read the article

• What is the recommended way to do DRY web development (SASS+HAML, LessCSS, etc) in non-Ruby projects

  - by T.R.

  I've been looking to make things a little more DRY, both on my personal projects (django) and at work (JSP/struts,PHP). SASS+HAML seem to be quite popular, but, do those outside of the Rails community generally use these as well, or do they opt for other similar solutions? Which do you use, and what was the reasoning behind the choice?

  Read the article

• Difference b/w padding and margin

  - by Mubeen

  what are the differences between margin and padding. Thanx

  Read the article

• How to get rid of this sliver of white between DIVs?

  - by George Edison

  I am currently having trouble getting rid of a sliver of white... Here is an example page: http://m.stackoverflow.quickmediasolutions.com/view_question.php?id=97969&site=serverfault As you can see, the answers have a sliver of white stuffed between the top of the 'button' and the content. Here is some relevant code: <!-- this is the top of the 'button' --> <div class='top'></div> <!-- right here is where the space is --> <div class='content'></div> .top { height: 5px; } .content { display: block; padding-left: 10px; }

  Read the article

• Unselectable text - Cross browser solution

  - by Misha Moroshko

  Is there any equivalent for -moz-user-select / -webkit-user-select for IE6 ? I would like the text on my page not to be selectable in all major browsers. What is the best solution for that ?

  Read the article

• How can I make a really fancy SELECT/option drop down menu?

  - by alex

  This must work on the iPhone and mobile browsers. This has to be lightweight. I'm looking for a good CSS3 option.

  Read the article

• Animating elements of text-shadow with jQuery

  - by bryceroney

  I was wondering if there was any way to, using jQuery, animate properties of text-shadow like size or colour. It's annoying that there aren't individual properties like text-shadow-color instead of the statement only being available in combined form.

  Read the article

• Should we always keep same value for body {font-size:...} which we want to use content <p>?

  - by metal-gear-solid

  What are pros and cons to define font-size for body? what if somewhere i will need font smaller and bigger than body? will i get body font size (12px) + needed font size for <p> (10px) = 22 Should we always keep same value for body font size which we want to use content paragraph?

  Read the article

• remove or disable focus border of browser via javascript

  - by helle

  Hey guys, does anybody know how to disable or manipulate the (in most browsers) dashed border of a dom-element if it has the focus in a tabindex order? i want to build my own style for a focused element but it would be great to use the exixsting feature -because with tabindex it is possible to bind keydown event to the dom-element ... you know what i mean? thanks and regards

  Read the article

• How do I change the curosr during a jQuery synchronous browser blocking POST?

  - by Tommy

  $.ajax({ url: "/cgi-bin/stats.exe", method: "post", async: false, data: { refresh: "a41" } }); Using ajax post synchronously - "async: false". While it blocks the browser during the active request, what is the most efficient way to change the cursor to the hourglass or display a wait .gif? Perhaps set the cursor as it enters this function then change it back in the success or complete function? Any advice is appreciated. Thank You.

  Read the article

• Create a multicolor selectbox on Symfony2

  - by Ninsuo

  I try to create the following field : <select name="test"> <option value="1">a</option> <option value="2">b</option> <option value="3" style="font-weight: bold; color: red;">c</option> <option value="4">d</option> <option value="5">e</option> </select> This creates a 2-color selectbox : But in Symfony2, I do not know how to apply a class to a single option. If in my view I do : {{ form_widget(myForm.test, { 'attr': { 'class': 'red', } }) }} Or if in my form I do : $builder->add('test', 'choice', array( 'required' => true, 'choices' => array('a', 'b', 'c', 'd', 'e'), 'attr' => array('class' => 'red'), )); The attribute is stored into the <select> tag and apply to the whole selectable values. How do I apply a class to an <option> in Symfony2 ?

  Read the article

• ModalPopupExtender doesn't work on IE6 frame layout

  - by Joe

  I'm using a "frame" layout similar to the one in this excellent answer: a div #top at the top of the page, a div#left on the left, and a div #main with the main content. The #top and #left divs contain navigation menus. Now I want to use a popup div using the AjaxControlToolkit ModalPopupExtender inside the content (#main) div. This works fine on IE8 (where #top, #left, #main all have position:fixed), but when I run it on IE6, the modal background only covers the #main div - I need it to cover the whole of the page including the #top and #left navigation divs. Looking at the script for ModalPopupExtender, it appears to be searching up the parent hierarchy until it finds a parent with position relative or absolute. And in the IE6 rendering, the #main div has position:absolute because position:fixed is not supported, which I guess explains what is happening. Any suggestions for the best/easiest way to get this working properly on IE6? Ideally without modifying the ModalPopupExtender code, but I'll do this if I have to and it's the best solution.

  Read the article

• How to use and manage relative font values as easy as we use px

  - by metal-gear-solid

  what are cons to use relative values em and % for fonts, What is rounding problem? and how to avoid/solve rounding problem. Is there any calculator? How to use relative values as easy as we use px

  Read the article

• What is Logically and semantically correct, A-grade browsers compatible and W3C valid way to clear f

  - by metal-gear-solid

  What is Logically correct and W3C valid way to clear float? zoom:1 is not valid by W3C and IE8 don't have hash layout problem overflow:hidden and overflow:hidden were not made to do this,as the spec intended overflow to be used <div class="clear"/> is not semantically correct and i don't want to add extra markup. clearfix hack generates content that really hasn’t any semantic value. I've asked many questions and read many articles on this issue but haven't find best way.

  Read the article

• Phantom horizontal scroll bars on the whole window in IE.

  - by Stephen

  I'm working on a website layout you can find at dev.movingcost.com In most browsers, everything seems fine... but I'm getting a horizontal scroll bar on the window when viewing the page in IE. I'm using a fixed width of 960px with auto margins to center the content. I've even tried using "overflow-x:hidden" on the html and body tags to no avail... any clue where the problem is?

  Read the article

• Using HTML Canvas for UI elements?

  - by Tower

  Hi, I have a couple of UI elements such as buttons in my web application. I was going to use CSS3's transitions to animate the transition from one background-image to another. I figured out that it's not possible with the current transitions draft at least. So, I was wondering if it would make sense to use Canvas as the button. I'm sure it can handle events, so, I see no problems here. Are there any?

  Read the article

• Displaying images in one line inside a shorter div

  - by nemiss

  How can I set all images in one line and display only the first 200px of them inside the div? Without breaking the layout, or moving images to a next line. online demo <div id="thumbsContainer"> <ul> <li><img src="http://img214.imageshack.us/img214/6030/small3.jpg" alt="" /></li> <li><img src="http://img263.imageshack.us/img263/5600/small1ga.jpg" alt="" /></li> <li><img src="http://img638.imageshack.us/img638/3521/small4j.jpg" alt="" /></li> <li><img src="http://img682.imageshack.us/img682/507/small5.jpg" alt="" /></li> <li><img src=" http://img96.imageshack.us/img96/6118/small2o.jpg" alt="" /></li> </ul> </div> #thumbsContainer { width:200px; overflow:hidden; } ul { list-style:none; } li { float:left; }

  Read the article

< Previous Page | 216 217 218 219 220 221 222 223 224 225 226 227  | Next Page >