Search Results

Search found 12011 results on 481 pages for 'css floating'.

Page 242/481 | < Previous Page | 238 239 240 241 242 243 244 245 246 247 248 249  | Next Page >

  • Which web-safe fonts are more readable to eyes as a body text? Which web-safe fonts should not be us

    - by metal-gear-solid
    Which web-safe fonts are more readable to eyes as a body text? Which web-safe fonts should not be used? What should be the minimum font size of <p>body text</p> for better readability? What font size should we use for <H1/2/3/4/5/6>, <p> <ul>, <ol>? Should we use same font-size for <p>, <ul>, <ol> and <th> <td>? What would be the balanced typography font sizing scheme?

    Read the article

  • Choosing between Facebook iframe scrollbar or page cut off halfway

    - by pg.
    I have an iframe tab in facebook. I used "overflow:hidden" in the body tag and this code at the bottom of my page: <div id="fb-root"></div> <script type="text/javascript"> window.fbAsyncInit = function() { FB.init({ appId : 'MY_APP_ID', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); FB.Canvas.setAutoResize(100); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script> This removes the scrollbars and resizes the iframe. The problem is that my page is cut off after about 800px (that leaves about 400px). I've set the height in facebook to "fluid". It works absolutely fine in every other browser but not in IE8. As a side question, why does IE still exist? It's the absolute worst thing. Anyways, I added this to the head: <!--[if IE]> <style> body{overflow-y:scroll;} </style> <![endif]--> But that just gets me back to having the scrollbars again.

    Read the article

  • are margin and padding most disbalanced thing among all browser?

    - by metal-gear-solid
    While some people use this reset. * { margin: 0; padding: 0; } Is every element has default margin and padding in each browser default stylesheet( but differently)? While eric meyer collected some most used selectors and given this to all { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } Are those elements has different type of font sizes? different baseline, different background, outline and border? if we keep besides cons of universal selector. is this * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } better than this * { margin: 0; padding: 0; }

    Read the article

  • How to Adjust/Change Scrollbar Width

    - by goodan
    Is there a way to temporarily change the scrollbar width in FF or IE while I'm testing some layout code? I remember reading something a while back about this being related to resolution, but it was a while back can't remember the details. Is there a setting in FF or IE to temporarily change scrollbar width?

    Read the article

  • Icon fonts vs images

    - by Miss A
    My manager tells me not to use icon fonts on our websites, as it is another http request plus the extra kBs to download. Also because I would have to use content before for the font (I can't change the html), he prefers background images so it works in IE7. Personally I love the little things, so nice and crisp and resizeable! I get it if we only use a couple of icons on a website but if I would use, say 5 icons on a site - what do you guys think? Is it worth using an icon font or is he right thinking that it is not? I am just a sucker for anything new and exciting, and this year it is the retina display.

    Read the article

  • In Jeditable, how do I make it so that when I click the div to edit, the text box content has initial value that is processed?

    - by TIMEX
    When the user clicks on the div, jeditable will make a text box. However, I want the initial text to be done with function stripTags(), instead of what's on the page. The reason is that I'm using some URL techniques to turn plain text links into URLs. When the user clicks on the div, jeditable is turning them into <a href=>..</a> Is there a "beforeSubmit" option in jeditable? http://www.appelsiini.net/projects/jeditable

    Read the article

  • stick element to top of page until next element of that type appears

    - by aharon
    I'm having a hard time giving a good description of this, but bear with me: If I have a page structed like this <h2>Chapter 1</h2> <p>Lots of text that has mutiple screen worths of content</p> <h2>Chapter 2</h2> <p>Lots of text...</p> I'd like to have "Chapter 1" absolutely positioned or whatever at the top of the page until the user scrolls down to where "Chapter 2" starts, at which point now "Chapter 2" is displayed at the top of the page. We can add wrapper classes and divs if needed. Solutions that use JQuery would be great.

    Read the article

  • How to animate/show a hidden div?

    - by Ricky Cortes
    So I'm trying to show a div with a toggle transition when a link is clicked. My code: $("nav ul li#about a").click(function (e) { $("div#about").slideToggle(200); e.preventDefault(); }); It works great, but I want this effect here: http://ricostacruz.com/jquery.transit/ Scroll down and find "TRANSITIONS FOR OTHER PROPERTIES". Do you see that scale effect (first demo box)? THAT is what I want instead of the slideToggle. So I want this similar effect to TOGGLE... transition IN and OUT when link is clicked. I hope you guys can help me :)

    Read the article

  • Setting the correct orientation for scrollbars in right-to-left pages.

    - by Daniel Lew
    I'm working with right-to-left layouts at the moment (think Hebrew or Arabic). In RTL, the page is generally flipped horizontally. However, I can't figure out how to change the orientation of the scrollbars. I would assume that the scrollbars should appear on the left side of a scrollable element, not the right side like it does in an LTR layout. Here is an example page where the scrollbar still appears on the right: <html dir="rtl"> <body> <div style="height: 100px; overflow: auto;"> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> <p>This is some text</p> </body> </html> Is the orientation of a scrollbar a browser locale setting, and thus is not something I should be concerned about, or is there a way to set the orientation of the scrollbar? (I'm not interested in implementing my own JavaScript scrollbar; if it turns out this is just a limitation of browsers then I'd rather live with that than add complexity to the page.)

    Read the article

  • How to make image's background transparency to 0?

    - by pheromix
    There are images displayed inside a HTML table in a PHP code : The code of this table is : for ($i = 0; $i < $data['list']['cnt']; $i++) { $tabRows[$i][1]['width'] = "45%"; $tabRows[$i][1]['align'] = "center"; $tabRows[$i][1]['value'] = '<img src="'.HTTP_FIGURES.$data['list'][$i]['fig_image'].'" />'; } As you can see the background of the images are seen and they make the page dirty. So I want to remove the background of each image. How to do that ?

    Read the article

  • 3 DIV's - Center Middle and Others taking up rest of room

    - by Adam
    I need to have 3 DIV's - you can see 3 colors in the above image. The middle DIV needs always be 960px and alls needs to be centered (you can see the 2 grey lines above). The other 2 DIV's need to take up all the other available space. If I zoom in and out of the page the red and yellow DIV's need to expand with the page while the middle green one remains centered. I've tried DIV solutions and Table solutions and I can't get it to fit. HTML <div id="div1" style="background-color:red"></div> <div id="div2" style="background-color:red"></div> <div id="div3" style="background-color:red"></div> any advice would be appreciated. thx ** Update: http://jsfiddle.net/scxAq/ working on this... with limited success...

    Read the article

  • Bind event to right mouse click

    - by zac
    How can I trigger some action with right click after disabling the browser context menu ? I tried this . . . $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; $('.alert').fadeToggle(); }); }); .alert { visibility: hidden; }

    Read the article

  • Aligning a link beside a h2 heading

    - by jme1988
    Really simple question, how do I force a link to appear inline with a h2 heading? I have the following code : http://jsfiddle.net/jezzipin/6DpPX/ and I'd just like the 'Back to top' link to appear inline with the 'Social Media' heading but everything I try doesn't seem to work. Even the use of spans. Any help would be greatly appreciated. jme1988 N.B. Just to be clear, this is the effect I am after:

    Read the article

  • Change row table color with javaScript

    - by Slim Mils
    I try to change the background of rows in my table with javaScript but it's not working. This is my code. However I tried to create my table with html and it's work. P.S : I want to use webkit. Help please. Code : var table = document.getElementById("tab"); var rowCount = table.rows.length; for(var i=0;i<6;i++) { row = table.insertRow(rowCount); row.id = "row"+i; cell1 = row.insertCell(0); var content = document.createElement("output"); content.innerHTML = i ; cell1.appendChild(content); rowCount++; } $(document).ready(function(){ $('td').each(function(i) { $('#tab').on('click', '#row'+i, function(){ document.getElementById("row"+i).style.background = 'white'; //alert(i); }); }); //example2 $('#td1').on('click', function(){ document.getElementById("td1").style.background = 'white'; }); });

    Read the article

< Previous Page | 238 239 240 241 242 243 244 245 246 247 248 249  | Next Page >