Search Results

Search found 21221 results on 849 pages for 'css media queries'.

Page 308/849 | < Previous Page | 304 305 306 307 308 309 310 311 312 313 314 315  | Next Page >

• Troubleshoot div that won't stretch

  - by xain

  Hi, I have a web page that has several divs embedded and I'm having a problem when a table has too many rows; when it does, the containing div falls short and bottom ones are displayed on top of the background instead. Any hints on how to troubleshoot this ? I've tried setting several attributes to the different divs with no luck? Thanks in advance

  Read the article

• Formatting Button Position with Form_For

  - by Tian

  I am using form_for to create a form that has 1 input field and 1 button. I'd like the submit button to be beside the input field rather than underneath it. Relevant code is: .input{border: 1px solid #666666; width:400px; height:22px;font-size:16px;} <td width="900" height="50" align="left" valign="middle"> <% form_for @contact, :url => {:action => "create"}, :html => {:class => "input"} do |f| %> <%= f.text_field :email, :size=> 74 %> <%= image_submit_tag '2009-12-06-Landing1.gif' %> <% end %> </td>

  Read the article

• How can I capitalize the first letter of an input ?

  - by Safirio

  I'm currently trying to capitalize the very first letter from an input. Here's what I tryed : fieldset input { text-transform:capitalize; } But it doesn't work the way I want, as every word is capitalized. I also tryed this : fieldset input:first-letter { text-transform:uppercase; } But it seems <input /> doesn't work at all with first-letter... Anyway, do you have any idea of how to achieve this without javascript (or as little as possible) ?

  Read the article

• Can I define which characters are allowed to 'break' a word?

  - by zneak

  Hey guys, I'm showing up veeeery long URLs in my Safari extension. Obviously, they can't fit on a single line. Currently, word breaking rules make it so most URLs are on two lines: the first one is rather short and ends with the ? symbol, and the other is ridiculously long and contains all the rest of the GET parameters. I'd like to make it so words also break on the & symbol, without screwing up copy-paste if possible. I've tried to replace every & with &\u00ad (& + the soft hyphen character), but it's kind of weird to see the hyphen after the & when there really isn't any in the URL. I thought there was something in store with CSS3 for that kind of problem, but I can't find it. Any suggestion welcome, as long as it works with Safari.

  Read the article

• Stick div to the bottom of the page

  - by Jack

  Hi, I have div with position absolute and I want to put another div under. How to make that? Thanks!

  Read the article

• How to make div clickable?

  - by metal-gear-solid

  I want to make this div click-able and want to use same href of inside <a> and want to keep link in inside <a> also (so if JS is disabled then link will be accessible). <div id="example"> <p> some text </p> <img src="example.jpg /> <a href="http://stackoverflow.com"> link </link> </div>

  Read the article

• Next Div Does not appear correctly after floating two divs to right and left

  - by user3703669

  I have floated two divs to left and right...But the next div after those two divs does not appear correctly... My code is follows #Div1{ position: relative; float: left; } #Div2{ position: relative; float: right; } And the display as follows <div id="Div1">This is aligned to left on the same x axis</div> <div id="Div2">This is aligned to right on the same x axis</div> <div style="color: red;">After the alignment this div does not align</div> The output is as follows http://i.stack.imgur.com/8A6hz.png But I expect something like this http://i.stack.imgur.com/wVGN6.png Anyway to accomplish this task ?? Please HELP!! Urgent help needed!!!

  Read the article

• Ensure that text doesn't crop in a scroll view

  - by alex

  With a long but plain html document opened on a mobile device (webkit), how do I ensure that text doesn't crop vertically when scrolling? I think this should be possible by either adjusting line spacing or adding extra padding. TIA.

  Read the article

• Firefox 17.0.1 ignoring font-weight

  - by jphogan

  http://iamsinc.com/blog/new-producer-bonus/ For some reason Firefox 17.0.1 on my Windows 7 machine is ignoring the font-weight of the td elements. It should be normal. This works fine in Chrome, IE 7 8, & 9, but not in FF. I have also tested it on an XP machine running 17.0.1 and it works fine. The font-weight should be normal, not bold. In the second box down ($300k level), the font-weight is showing up as bold on Win 7 FF 17.0.1 which pushes the pictures outside of the box. I have even tried reducing the font-weight waaay down and it has not effect on the problematic FF browser Does anybody have a solution or even a work-around? I hate to make the pictures all smaller just to work around this. Thanks!

  Read the article

• Does Javascript has an effect to the printed version of the site?

  - by simple

  Simple question, don't have a printer around, My client is asking if the hiddent elements of the web page(items that show up on click) will be printed out on the paper or will it be hidden?

  Read the article

• jQuery change id!

  - by Kyle Sevenoaks

  I am a jQuery noobie, and have been trying to add a script to change the id of a div onClick. Here is a jsfiddle example. $(function accept() { $("div:scrollwrap").attr('scrollwrap','highlight'); });? Thanks :)

  Read the article

• Why `cursor: pointer` does not work in IE6 ?

  - by Misha Moroshko

  In FF3 I see a hand when the mouse is over the element, but in IE6 I don't. Why ? Is there any workaround ? Example

  Read the article

• HTML - Javascript: I cannot click on the links on top in IE7

  - by Patrick

  hi, I cannot click on the links (tags) on top of the page in IE7. I tried to change z-index of the elements but it doesn't work. Could you tell me what's wrong with it ? http://www.sanstitre.ch/drupal/portfolio?tid[0]=38 The mouse click is handled by jQuery function .click() I'm sure javascript works because" Hide - Alphabetical Order menus" work thanks

  Read the article

• What is best way to create a weblayout which is cross browser compatible?

  - by ththat

  A design is a very important part of a web site. But making a layout cross browser compatible is very tough task. What is the easiest way for this?

  Read the article

• What is the best way to give support `nth-child` in one shot to all IE version?

  - by metal-gear-solid

  What is the best way to give support nth-child in one shot to all IE version? I want to give style like this. for some particular pages. #products tr:nth-child(even) { background-color: red; } #products tr:nth-child(odd) { background-color: white; }

  Read the article

• Children going out of parent element

  - by Thomas

  http://jsfiddle.net/zP49Z/ As you can see, the children [update] are going out of the parent element [feeds]. How can I fix this? #updates { background: #B8C1C2; box-shadow: inset 0 0 5px; height: 100%; float: right; position: fixed; top: 0; right: 0; z-index: 100; overflow: auto; } #feeds { width: auto; height: 300px; } .update { border-bottom: 1px solid #929493; width: auto; height: auto; padding-bottom: 20px; margin-top: 10px; } Thanks!

  Read the article

• How to hide elements without having them take space on the page

  - by ripper234

  I'm using "visibility:hidden" to hide certain elements, but they still take up space on the page while hidden. How can I make them totally disappear visually, as though they are not in the DOM at all (but without actually removing them from the DOM)?

  Read the article

• Should I repeat label text in for="...." and id=".."?

  - by metal-gear-solid

  Is there any cons of 2nd method? Why http://www.webstandards.org/ decided to use 2nd method Is first method better than first for screen reader users? First <label for="name">Name</label> <input id="name" /> Second <label for="n">Name</label> <input id="n" />

  Read the article

• Fickle IE Issues with Height:100%'

  - by Mike R

  I am trying to set the height to 100% in the viewport for Internet Explorer. As you might imagine, the following code works everywhere else: * { margin: 0; padding: 0; } html, body { height: 100%; } body { font-family: Times New Roman, Times, serif; font-size: 13px; background-color:#E8E8E8; background:url(/images/background.png) repeat-x; } #wrap { margin:0 auto; width: 935px; /* Change to desired width :) */ min-height: 100%; background:url(/images/content.png)repeat-y; } #main { overflow: auto; padding-bottom: 112px; } /* must be same height as the footer */

  Read the article

• Dropdown menu getting hidden by images

  - by Bob

  I have a set of dropdown menus across the top of a web page. Below is text and some images. When I hover over the top of each menu the menu then expands below as expected but while it overlaps any text on the page it is hidden behind any images. I set the z-index to 9999 and the position is set to absolute. I found if I lower the opacity of the images to say 0.6 then the menu will overlap it. So one solution would be to detect when the menu is being hovered over and then in JavaScript or JQuery temporarily reduce the opacity of the rest of the page until the cursor moves off the menu. If so I'm not sure how to do that but is that the best approach?

  Read the article

• Span placing off - using Float (only in some browsers)

  - by Kevin

  Please see www.racedayworld.com The plus sign (which is floated on the right of an accordian div panel) is being pushed down in certain browsers, but shows up fine is others... I know it's happening in these browsers... Firefox 3.0.5 IE 7 others? Any ideas?

  Read the article

• How do you get the width of an element without a defined width?

  - by Moak

  How would you find out the width of a element that is wrapped by 20 odd other elements, but the only fixed width I know is the main wrapper's which is 800px. All child elements are generally blocks, floating or not, with different paddings and margins. I don't really need the answer to a specific case, I'm just wondering if there are tools or tricks to quickly calculate such things. Thanks

  Read the article

• Prevent <img> tags in HTML from wrapping

  - by IL CARTOLAiO

  Hi all, I have a javascript that dynamically creates many <img> tags, and appends them to various divs. I want to prevent these images from wrapping; when the screen resolution is not enough to contain them the browser should create horizontal scroll-bars. Sorry for this bad English.

  Read the article

• Optimizations to reduce website loading time

  - by Josh Curren

  What are some important optimizations that can be made to a website to reduce the loading time?

  Read the article

• Unordered list appears higher than div

  - by LordArmadillo

  I am trying to create a simple page, which I normally can without any trouble. However, the unordered list appears higher up the page than the div. I do know a solution for this, however I cannot remember it. The page goes like this: <style> ul.menu { list-style-type: none; margin:150; margin-bottom:30px; padding:0; display: block; width: 708px; margin-left: auto; margin-right: auto; } li.menu { float:left; display: block; width: 118px; } a.menu:link,a.menu:visited { color:black; display:block; border:1px solid black; background-color:#FFFF00; width:118px; text-align:center; text-decoration:none; font-family:"Courier New", Courier, monospace } a.menu:hover { background-color:#FFBB11; } </style> <div id="head"> My images here & such</div> <ul class="menu"> <li class="menu"> <a class="menu">Main</a> </li> </ul> Normally I welcome suggestions to change my code, but I have a deadline today! So, quick & simple help would be appreciated! Thanks! LordArmadillo

  Read the article

< Previous Page | 304 305 306 307 308 309 310 311 312 313 314 315  | Next Page >