Search Results

Search found 30326 results on 1214 pages for 'html encode'.

Page 338/1214 | < Previous Page | 334 335 336 337 338 339 340 341 342 343 344 345  | Next Page >

• IE6 positioning issue

  - by Ralph The Mouf

  Here is the CSS...how can I make it layout as it should in IE6? .AuthorName_Pic { width:186px; position:absolute; right:0px; bottom:-120px; padding:20px 10px 20px 15px; margin:20px 0px 0px 0px; background:url(images/ThumbDark.jpg) no-repeat; z-index:100; }

  Read the article

• Progress Bar Filling - jQuery Implementation

  - by Misha Moroshko

  I'm implementing my own Progress Bar using jQuery. My question is how can I fill (for example) only 30% of it with a background ? What are my options ? Basically, the Progress Bar is a simple div with rounded corners (-moz-border-radius). I'm using Firefox 3.6.3. Thanks !

  Read the article

• Substitute alt attribute with title attribute using sed

  - by hardc0de

  I have a PCRE regex that looks like this s/(<input.+?)alt(=".+?".*?>)/$1title$2/ Can anybody help me with making that work on sed? Eventually can anybody point me to some guide/blog post/whatever that explains differences between sed regex and PCRE?

  Read the article

• Cross-browser curved borders

  - by Gandalf StormCrow

  What is the best way to achieve cross-browser(ff,ie6,chrome,opera,safari) curved corners on a div. I found this article http://jonraasch.com/blog/css-rounded-corners-in-all-browsers and I've followed instructions step by step multiple times, here is my css : #content_wrapper{ -moz-border-radius:25px 25px 25px 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; background-color:#F2DADC; border:25px solid #ECD3D5; height:780px; opacity:0.7; width:747px; margin:0px auto; position:relative; display:block; zoom:1; } <!--[if lte IE 8]> <style> #content_wrapper{ behavior: url(template/css/border-radius.htc); border-radius: 20px; } </style> <![endif]--> Can somebody point me what am I doing wrong or is there a better way to achieve the same effect, its working in all browsers except in IE

  Read the article

• Position DIV relative to containing DIV Without Moving Other Stuff

  - by yar

  [I'm not sure if this question has been asked, though I've looked around a bit.] I have a DIV inside a DIV. I would like the inner DIV to have a certain position inside the outer div. I'm having some success with this position: absolute; top: 0px;right:0px; but all other divs are getting moved around. I just want it to float on top of the other stuff (float didn't work, of course). Thanks! Edit: The outer div is relative, and I'd like the inner to move with it when the browser is resized. Edit: Sorry, I've figured out the question (but not the answer): if I use right:0px, the inner div stops moving relative to the outer div and starts moving relative to the browser window. Why would that be?

  Read the article

• Regex for Date DD-MM-YYYY

  - by Josh M

  I have the following expression which will be used as date validation in the HTML5 "pattern" attribute. ?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))-(?:(?:0[1-9]|1[0-2])-(?:19|20)[0-9]{2} I want it to allow only valid dates, using "-" as a separator. This means up to 29th in February if it's a leap year, and 30/31 for other months respectively. Currently, it only allows years starting with 2 (2012) and months up to 12 (December). But it limits the day to 29 regardless of which month. Can anybody help me fix it?

  Read the article

• css format for A4 and A5 and A3

  - by user1400

  hello i have a application on php , i want to create some report in my application, but i wnat users print some of them on A4 and some of them in A5 and some of them on A3 how should i config css? thank

  Read the article

• Referring to a specific place on page

  - by misha-moroshko

  I know that in Javascript document.location.href = "#my_id" tells the browser to display the same page starting from element with id="my_id". In this case, the address that appears in the address bar is in the following format: my_page_address#my_id Is this the only method to refer to a specific place on a page ? I'm looking for a method that will not show my_id in the address bar.

  Read the article

• How to disable <a onclick> when the user holds control.

  - by alex

  Usually, when people click on a link, I have onclick bound to it. And then return false. When people click with "control", they expect a new page to open up. Therefore, I want to ignore the onclick AND/OR detect it. How do I do this?

  Read the article

• focus doesn't work in IE

  - by Syom

  i have the following function function change() { var input=document.getElementById('pas'); var input2= input.cloneNode(false); input2.type='password'; input.parentNode.replaceChild(input2,input); input2.focus(); } but focus() doesn't work in ie7, so what can i do! i want to have the cursor inside of input! thanks

  Read the article

• CSS:Hover's problem with text that is hidden because of overflow:hidden ?

  - by Michael Harringon

  In my application i have lots of divs containing text. All divs have overflow set to hidden so that the user does not see the text if the container is not large enough to contain the writing. If the user wants to see the hidden text they are supposed to mouse over the "box". The box then expands and shows the text. Sounds simple enough, right? Well i am having problems and the solution i tried did not work. The problem is that when the user mouses over the box, the text does indeed appears but stays really narrow and comes out of the bottom box, the sameway it would if overflow was set to visible. below is the standard css applied to the div box: .newevent { overflow: hidden; z-index: 0; } I Tried to fix this by setting a hover trigger, when it is activated the box widens, i thought that this would then mean there would be more space to display the text, below is the hover effect: .newevent div:hover { width: 200px; padding: 50px; background-color:#D4D4D4; border: medium red dashed; overflow: visible; z-index: 1; } How do i go about "redrawing" the text when it is hovered over, so that the text can use the new widened area rather than behaving as it is still in a narrow box.

  Read the article

• Positioning elements with float property

  - by Misha Moroshko

  Why here the div is on the same line with the list ?

  Read the article

• Is there a need for zero-out DIV's margin and padding?

  - by ssg

  I wonder if on any browser div element comes with a preset margin/padding value other than zero. As far as I know, div and span come with zero padding and margin values by standard to make them suitable canvas for style decoration. Even better, is there a definite standard for default styles for all elements that is cross-browser which we can make assumptions upon? For instance FORM comes with top/bottom margins, OL/UL come with padding-left's. I occasionally see a * { margin: 0; padding: 0; } and this just looks like a dirty hack without knowing the reasons or consequences. Anyone has any better approach to this?

  Read the article

• Problem with modifying a page with ajax, and the browser keeping the unmodified page in cache.

  - by David Lawson

  Hey there, I have a situation where my page loads some information from a database, which is then modified through AJAX. I click a link to another page, then use the 'back' button to return to the original page. The changes to the page through AJAX I made before don't appear, because the browser has the unchanged page stored in the cache. Is there a way of fixing this without setting the page not to cache at all? Thanks :)

  Read the article

• Go to iframe when src changes

  - by twodayslate

  I am working on a new home for my browser. When the src changes of the iframe (click search or something) I want to leave my site and go to where the iframe is going. How do I do this?

  Read the article

• How to display my web site logo on the address bar

  - by pamela

  title asks everything.

  Read the article

• How to create a CSS shade effect with a faded sidebar

  - by moorcroft

  Hi I'm not too sure how to create the attached image effect where the right hand side is my main content and it shades onto my left sidebar which has a gradient effect downwards.

  Read the article

• IE display problem

  - by bah

  Hi, I have a page, and I just added pagination to it, but there's a prob in IE 7 & 8. When I add pagination code echo "<div class='pagination'>"; echo $pagination->GetPageLinks(); echo "</div>"; it breaks somehow layout in IE, I have looked all over it and I couldn't find what's wrong there. oh, and its css div.pagination { text-align : center; } div.pagination a, div.pagination span { padding : 5px; display : inline-block; } page url - adelija.puslapiai.lt, it's on index page, if you could take a look, that'd be great.

  Read the article

• What does unicode character &#10; represent?

  - by vette982

  The unicode is &#10; and it's being used in an XML document.

  Read the article

• Browser-Incompatability with image alignment in CSS using YUI grid (Firefox + Opera)

  - by Rotimi

  I'm having trouble with the alignment of two images on the footer of my temporary website (http://www.rotimioyewole.com). I'm new to the YUI grid, which I think may be a factor. It should look roughly like this (works correctly in Chrome and Safari, haven't tested IE yet): (http://cl.ly/44fH) But on FF and Opera look like this: http://cl.ly/44aO If I can have some sort of consistency then the website would at least be presentable. Ideally, I would also like to align both images on the same Y axis, as well as the text next to the icons. I had trouble figuring out how to search for a solution..can anybody help me? Thanks in advance

  Read the article

• possible to use jquery to skip to a certain part of a page, based on its div class?

  - by Brad

  I want a link that scrolls the page to the start of the <div class="content-body"> The same functionality as a: <a href="#maincontent">Skip</a>, and placing <a name="maincontent"></a> right next to <div class="content-body"> I am seeing if it is possible via jQuery, and want to know if I would run into any problems down the road using that method (besides the user having javascript disabled).

  Read the article

• Margin for select option in IE and chrome is not working

  - by Sardor

  I am setting a css class to some select options in JS. This class includes margin style. It is working in the FF but not in IE and chrome. window.onload = function() { replace('edit-field-region-tid'); replace('edit-tid'); } function replace(id) { var i = 0; var s = document.getElementById(id); for (i; i < s.options.length; i++) { if (find(s.options[i].text, id, i)) { s.options[i].setAttribute("class", "sub_options"); } } } function find(str, id, option_id) { var i; var s = document.getElementById(id); for (i = 0; i < str.length; i++) { if (str.charAt(i) == '-') { s.options[option_id].text = str.cutAt(0, ""); return true; } } return false; } String.prototype.cutAt = function(index, char) { return this.substr(index+1, this.length); } And CSS: .sub_options{ margin-left:20px; text-indent:-2px; } Any ideas thanks!

  Read the article

• Make a <div> square when there is a dynamically changing width based on percentage

  - by Nate

  I am working on a web app that will generate an NxN grid based on the user's selection of N. I want the total width of the grid to be relative (ie 100% of the available space) so that users can print on various paper sizes. I can easily calculate the width of the squares in the grid by % (ie: 100%/N), but I am having issues calculating the height. The height of a web page is always going to be infinite unless I artificially limit it which, like I said, I don't want to do. How can I make the squares in my grid be square versus rectangular when the height and width constraints of my grid are dynamic and not square? Thanks in advance!

  Read the article

• CSS - How to prevent the browser from showing scrollbars when a div goes outside of the window?

  - by xarfai

  I have a centered wrapper with following CSS: div.wrapper { width: 1170px; padding-left:30px; margin-top: 80px; margin-bottom:20px; margin-left: auto; margin-right: auto; position:relative; background-color:black; } inside i have a div with following css: position:absolute; top:-26px; left:517px; height:63px; z-index:3; inside of this div is an image which has 759px width, that makes the wrapper grow larger and makes the browser show a v-scrollbar on lower display resolutions. what i want is to make the image go outside the wrapper but prevent the browser from showing the scrollbar, so that the right side of the image is only shown if your browser window is large enough and the wrapper keeps its 1200px width. i can't make it a background image because it goes over some of the other content. something that is compatible with = IE7 would be nice

  Read the article

• How to override "inherited" z-indexes?

  - by Earlz

  I am needing to override the notion of inherited z-indexes. For instance in this code <style> div{ background-color:white; top: 0px; bottom: 0px; left: 0px; right: 0px; } </style> <div style="position: fixed; z-index: 2;"> div 1 <div style="position: fixed; z-index: 3;"> div 2 </div> </div> <div style="position: fixed; z-index: 2;"> div 3 </div> http://jsbin.com/epoqo3/3 I want for div 2 to be displayed, but instead div 3 is displayed. How can I change this behavior without changing my structure.

  Read the article

< Previous Page | 334 335 336 337 338 339 340 341 342 343 344 345  | Next Page >