Search Results

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

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

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

  • How new is @font-face, and what do I need to know before I add it to a website?

    - by DavidR
    I started getting into reading design blogs a little while ago, and it seemed that @font-face got really popular sometime late last year, or something like that, because I was under the impression that it was a new emerging feature of the web. But then I saw that Internet Explorer has had it since IE4 (with some conversion). So is it common to see @font-face online nowadays? Sould I have anything in mind with respect to accessibility, legality, or rendering before I do something like this? I saw that Hulu.com renders fonts with Canvas and a javascript called "cufon."

    Read the article

  • Dont know how to stop element in certain point

    - by user713190
    Im beginner and im experimenting on a website with fixed and relative postions, what i want to do is to stop bottom part when the two bottom lines(div .top_divider_line) touches nav menu(div .top_holder) here is the preview from site where im stuck. http://elexoj.com/test/ I think making it with jquery will be lot easier but i've no idea how to do it, i'll really appreciate your help. Thank You!

    Read the article

  • CSS- How to align background image over bottom border line? Jsfiddle included

    - by John Robinson
    I have an image I am trying to display over the top of a bottom border, but it is being arranged behind the bottom border element (in this example, named "divider"), and I can't get it to align correctly. I would like the image to be displayed in the middle of the the border element and over the top of it. Vertically, I am trying to get the 1px line on the left and right side of the image to align with the 1px border to appear as if it is one element. Here is the code: .divider { border-bottom: 1px solid #c3c3c3; clear: both; display: block; margin-bottom: 20px; padding-top: 20px; width: 100%; } .sidearrow { background: url(http://s16.postimage.org/sbf7v9n75/sidearrow.png) 50% 14px no-repeat; width: 100%; height: 25px; }? <p>Here is some content above</p> <div class="sidearrow"></div> <div class="divider"></div> <p>Here is some content below</p>? And the jsfiddle: http://jsfiddle.net/F5xjx/2/ Any ideas how to get this to work? Thanks in advance.

    Read the article

  • FlexScroll and IFRAMES

    - by Neurofluxation
    Hey, I was wondering whether there is a way to use FlexScroll (JavaScript custom image based scrollbars) with IFRAMES instead of the DIVS. Yes, I know scrollable DIVS are better than IFRAMES. This is my clients requirement though. Cheers.

    Read the article

  • How to achieve vertical div alignment in unique situation?

    - by Earl Larson
    Go to my blog and please tell me how to achieve vertical alignment :( My situation truly is different and I need help :) The reason this is so difficult is because holder is the div that contains everything, outer are the icons at the bottom, and tooltip are the divs that pop up. I need tooltip to be vertically aligned but they are actually below outer. Each icon is connected to their post so you can't keep them all in one div.

    Read the article

  • CSS3 Continous Rotate Animation (Just like a loading sundial)

    - by Gcoop
    Hi, I am trying to replicate an Apple style activity indicator (sundial loading icon) by using a PNG and CSS3 animation. I have the image rotating and doing it continuously, but there seems to be a delay after the animation has finished before it does the next rotation. @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #loading img { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: linear; } I have tried changing the animation duration but it makes no difference, if you slow it right down say 5s its just more apparent that after the first rotation there is a pause before it rotates again. It's this pause I want to get rid of. Any help is much appreciated, thanks.

    Read the article

  • Is Bootstrap 2.1 compatible with jQuery UI?

    - by Ghopper21
    It's a known problem that the older Bootstrap didn't work out of the box with jQuery UI, as you can see from this github discussion. There are a few mashups of the two, including jQuery Bootstrap by John Seigers and jQuery UI Bootstrap by Addy Osmani. Are those mashups still necessary with the new version of Bootstrap, or can you now just use Bootstrap and jQuery UI out of the box (as is alluded to vaguely in the github discussion)?

    Read the article

  • after dragging up, animate viewport up and after dragging down, animate viewport down...

    - by Luis
    I been trying to make this work for the last couple of days, I'm a new into web designing so I hope someone can help me out with this. I'm trying to run an animation after dragging the div container depending if the user is dragging up or down. This is the code that Im working on. this is the code when calling the jquery widget $ $('#container').draggable({scroll:true, axis: 'y', //scrollSensitivity: 1000, stop: function(event, ui) { if(scrollY <= 0){ $('#container').animate({ top: '-2000px' }, 500); } if(scrollY -= 0){ $('#container').animate({ top: '0' }, 500); } } });

    Read the article

  • Which browsers support font embedding.

    - by jonhobbs
    I've been reading about the @font-face rule and trying to work out if it's worth using it in a project to render "franklin gothic medium" for title instead of something like sIfr. I figured that for browsers that don't support it I could make it fall back on Arial. The thing is that I'm having trouble getting a definitive answer about which browsers support embedding fonts in this way. So far I've worked out the IE does, but doesn't support .ttf files. Other browsers I'm not sure. If anyone could point me towards some kinf of compatibility chart that would be great. Jon

    Read the article

  • Web UI for showing like/dislike community comments side-by-side

    - by Justin Grant
    We want to add a comments/reviews feature to our website's plugin gallery, so users can not only vote up or down a particular plugin, but also leave an optional short comment about what they liked or didn't like about it. I'm looking for inspiration, ideally a good implementation elsewhere on the web which isn't annoying to end users, isn't impossibly complex to develop, and which enables users to see both good and bad comments side-by-side, like this: Like: 57 votes Dislike: 8 votes --------------------------------- -------------------------------- "great plugin, saved me hours..." "hard to install" "works well on MacOS and Ubuntu" "Broken on Windows Vista with UAC enabled" "integrates well with version 3.2" More... More... Anyone know a site which does something like this?

    Read the article

  • problem with clear: right;

    - by toomanyairmiles
    Hi Everyone, I'm having a problem with this page http://www.gwynfryncottages.com/news.php The .blog-footer div needs to clear on the right to correct for the height of the pictures introducing clear:right; causes the huge gap to appear on the page in FF and IE. I'm at a loss, I've tried numerous ideas to get around the problem and at this point i've been staring at it too long to see the problem clearly. Can anyone help me out. Thanks in advance.

    Read the article

  • What should I use to define image height/width resolution?

    - by Tedy
    I've read all over the Internet that I should not define fonts (or anything) with absolute pixel height/width/size and instead, use EM ... so that on higher resolution displays, my web site can scale appropriately. However, what do I use to define IMAGE height/width ... because images won't scale well (they look pixelated)

    Read the article

  • Wordpress problem

    - by Joann
    Just recently, my client's blog http://robertnogueira.com/ encountered a bug. If you look at the site the footer has been displaced. It's been running fine until I tried to populate the posts for the 6th time with caff content. It got broke and I don't know how to fix it. I chose to ask help here because the folks here usually responds to my question unlike the wordpress forums. Please help me figure this out, I do this for a living. :(

    Read the article

  • W3 Validation errors..

    - by Kyle Sevenoaks
    I have 12 errors, but some are just pure non existent. Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Here's the error report, but the "duplicate specification of attribute "value"" simply isn't true according to my .tpl: {textfield class="quetext" value="Epost*" onblur="if(this.value=='') this.value='Epost*';" onfocus="if(this.value=='Epost*') this.value='';"} Also, does a textarea require the attribute "rows" and "cols"? I thought that was only for tables? And I don't understand what the two errors at the end mean: Line 586, Column 80: Attribute value redefined... Please help! Thanks :) (Sorry if things chop and change, I'm working on the valdiation now, to tidy up as many errors as possible.)

    Read the article

  • HBox Image as BorderSkin

    - by Maurits de Boer
    I've designed a pretty 6pixel border for an HBox. It's a .png file and I tried setting it as the border skin like so: HBox { border-skin: Embed('../graphics/skins/border.png'); } However, when I run the application, the image is used for the background instead of the border. How do I fix this?

    Read the article

  • Long html table looses its background image

    - by Alegro
    I have about 7500 (short) text lines in a table cell. The table looses its background image on about 1800th line. Is there a limit about the table's length? Text in the cell stays visible till end, but without background. Table is named #story. #story{ margin-top:15px; border:medium ridge #FFF; border-radius:9px; background-image:url(img/back01.jpg); } Also tried: background: url("img/back01.jpg") repeat; // without result background-color:#FFF; // this works along the whole table. }

    Read the article

  • DIV tags not being properly nested.

    - by chustar
    I have created some <div> tags and am setting it to contain two <div> tags that are floated to both sides of the <div>. I noticed when I tried to set a background color that the containing <div> was not properly wrapping around the <div>s that its supposed to contain. I would like to know why this happens. I have seen a similar question here http://stackoverflow.com/questions/611220/why-are-these-div-tags-not-nesting-properly but no one has explained why this happens in any of the answers.

    Read the article

  • how can i make this html page?

    - by From.ME.to.YOU
    hello my HTML code <html> <body> <div id="header">xx</div> <div id="body">yy</div> <div id="footer">zz</div> </body> </html> my problem is with their heights i want it to be like this header :: height 20% body :: height 60% footer :: height 20% is that possible ? thanks

    Read the article

  • Keep div:hover open when changing nested select box

    - by JMC Creative
    This is an IE-only problem. .toolTip becomes visible when it's parent element is :hovered over. Inside of .toolTip is a select box. When the user opens the select box to make a selection, the parent element is being "un-hovered", if you will. To put it another way, when I try to select something from the dropdown, the whole thing hides itself again. I'm sure it has something to do with the way IE interprets the stylesheet, but I don't know what or where. Here is some relevant code (edited for clarity): #toolBar .toolTip { position: absolute; display:none; background: #fff; line-height: 1em; font-size: .8em; min-width: 300px; bottom: 47px; left: -5px; padding: 0 ; } #toolBar div:hover .toolTip { display:block; } and <div id="toolBar"> <div class="socialIcon"> <a href=""><img src="/im/social/nytimes.png" alt="NY Times Bestsellers" /></a> <span class="toolTip"> <h1>NY Times Bestsellers Lists</h1> <div id="nyTimesBestsellers"> <?php include('/ny-times-bestseller-feed.php') ?> </div> <p><img src="/im/social/nytimes.png" alt="NY Times Bestseller Lists" /> Change List <select id="nyTimesChangeCurrentList" name="nyTimesChangeCurrentList"> <option value="hardcover-fiction">Hardcover Fiction</option> <option value="hardcover-nonfiction">Hardcover Nonfiction</option> <option value="hardcover-advice">Hardcover Advice</option> </select> </p> </span> </div> </div>

    Read the article

facebook twitter digg google delicious technorati stumbleupon myspace wordpress linkedin gmail igoogle windows live tumblr viadeo yahoo buzz yahoo mail yahoo bookmarks favorites email print

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