Search Results

Search found 14298 results on 572 pages for 'css float'.

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 259/572 | < Previous Page | 255 256 257 258 259 260 261 262 263 264 265 266  | Next Page >

  • Background text in a Bootstrap WELL

    - by patrick
    I have a problem putting a text in the background of a Bootstrap well. I first posted the problem in this question, but that was a too simple representation of my problem. I'm looking for an effect created in this jFiddle, a text in the background of a menu. The example works how I want to to work, but when I put this in a Bootstrap Well I get this (http://jsfiddle.net/aBqw8/21/). The background text disappears, it's probably behind the Well. When I remove the background color from the well I can see the text. If I remove the "position:relative" from the span it shows the title, but then it interferes with the menu, which is what I am trying to avoid. Thanks for your help!

    Read the article

  • optgroup class gets applied to all sub-options in FF, why?

    - by Camran
    I have an optgroup like this: <optgroup label="Eller välj Län" title="Eller välj Län" style="background-color:#FC9;"> <option value="Blekinge Län">Blekinge</option> <option value="Dalarna Län">Dalarna</option> <option value="Gotlands Län">Gotland</option> </optgroup> Problem is, only in Firefox, the class applies to all options inside the optgroup. I need it to apply only to the optgroup label... Any ideas why? Thanks

    Read the article

  • Trouble with Perfect Scrollbar jQuery

    - by coolpup
    I'm using the Perfect Scrollbar jQuery app (http://www.yuiazu.net/perfect-scrollbar/) for this site: http://thehummingbirdplace.com/ The scrollbar shows up when you hover over the News section, but it won't scroll down to reveal the content. I've used this scrollbar before successfully, so I'm stumped as to what is different now. I haven't been able to replicate this on a simpler page, when I experiment on another page it either works or just vanishes, so I'm not sure why it is successfully showing up, yet not scrolling on the main page. Any help would be appreciated!!

    Read the article

  • jQuery date calculator - show/hide IMG

    - by utopicam
    I have a problem with the following code. I tried changing many things (symbols, classes, imgs in the code) but this is killing me and I have no idea how to fix it. Sorry it's so specific, when solved I'll change the title to something more useful. I have two images. My jquery has to calculate the day and show one image or the other depending on that (using a class with display:none). My month has 24 days (it's a xmas thing). This is what I have so far: <script type="text/javascript"> $(document).ready(function(){ var currentTime = new Date() var day = currentTime.getDate(); if (day > 24){ day = 1; } $(".calDate").each(function(){ var curDate = $(this).attr("date"); if (curDate < day){ $(this).addClass("xMasPast"); } else if(curDate==day){ $(this).addClass("xMasActive"); } else { $(this).addClass("xMasInactive"); } }); $(".calDate2").each(function(){ var curDate = $(this).attr("date"); if (curDate > day){ $(this).addClass("xMasInactive"); } else if(curDate==day){ $(this).addClass("xMasActive"); } else { $(this).addClass("xMasActive"); } }); }); </script> But it's showing all the images. What am I missing? (any ideas on making the code simpler are more than welcomed). Thanks for your help! Update: simplified HTML <div><img src="day21.png" which="21"/></a></div> <img id="bola21" class="calDate2" src="day21.png"/>

    Read the article

  • jQuery removeClass(), how it works

    - by centro
    I have images on my page. User can add more images onto the page by clicking a button. New images are added asynchronously. Initially, each image on page use a special class to be used when the image is loaded. After the image is loaded, that class is removed. Each image being loaded has the class imageLoading: <img class="imageLoading" scr="someimage.png"> After those images are loaded, I remove that class (simplified code without details): $('img.imageLoading') .each(function(){ $(this) .load(function(){ $(this) .removeClass('imageloading'); });}); Visually, I see that style is removed. But when I run the query again: $('img.imageLoading') I see via debugging that all images, not just loading ones, are returned, i.e. it works like I didn't remove the class for the images that were already loaded. I had a look into the page source, and I saw that actually in HTML the class was not removed, though removeClass() was called. Is that behavior by design that all visual changes are applied but the class attribute is not removed in HTML code? If so, how it can be workarounded in this case. Or, probably, I missed something.

    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

  • browser scroll not going at bottom of toggle?

    - by metal-gear-solid
    I 'm using this code to make a toogle effect at bottom of the page. it's working but toogle div going under the fold but browser do not to scroll at bottom following the toogle area <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { // toggles the slickbox on clicking the noted link jQuery('a#sm_toggle').click(function() { jQuery('#sitemapContainer').slideToggle(400); return false; }); }); </script>

    Read the article

  • Horizontally spacing a row of images evenly

    - by Tesla
    I have a few rows of images like so <div class="row"> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> </div> Each image has a different width, and there is also a different number of images on each row (4-6). I want to space the images evenly in the row, the row has a fixed width of 960px. I could do this by calculating the total empty space for each row and then dividing it among the images for a margin, but I was hoping there was something simpler that I could apply to every row instead of having to calculate and code a separate one for each row.

    Read the article

  • 2 Column Layout - Main Link Display

    - by Allyson Aguilar
    I have a basic HTML page with a 2 column layout. I created a menu page on the sidebar column and when a link is chosen from the menu I want to display it in the main section of the index.html page. I tried doing this with iframes but its basically creating a duplicate of the index page. Help! I guess I can't post a picture because I'm new to this but I basically have an index page and then a farm with a duplicate of my index page.

    Read the article

  • Why is this span above the text? I want it beside the text.

    - by alex
    <td valign="center" colspan="2"> <a href="" class="table_desc" > <span class="desc_info_butt"></span> </a> text here </td> .desc_info_butt{ background:url(Description_Button.png) top left no-repeat; height:16px; width:16px; display:block; } For some reason, the image and text appear on two different lines!~

    Read the article

  • How do I make a shrinkable scrollbar?

    - by diadem
    What I want: <div style="overflow:scroll;width:100%;height:50%;"> &nbsp; <div style="height:500px;width:400px;border:solid 3px red;"> </div> </div> <div style="overflow:scroll;width:100%;HEIGHT:50%;"> &nbsp; <div style="height:500px;width:400px;border:solid 3px red;"> </div> </div> Notice how if I shrink the height of the window the scrollbars shrink. This is the functionality I want. The issue: I want to make something similar to the above, only with a fixed height of 100 pixels for the top div. If I do this in practice the bottom scrollbar no longer shrinks as I shrink the page - the system adds an outer scrollbar to manage both sections. I don't want this, I want to retain the behavior seen above. How do I do this?

    Read the article

  • GWT: how to have different styles for splitters in different SplitLayoutPanels?

    - by user26270
    I know you can change the styles of the splitters with the defaults styles listed in the docs: .gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger { horizontal dragger } .gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger { vertical dragger } and we've done that in earlier development. However, now I'm developing new stuff and would like to use a different style for the splitters in a new SplitLayoutPanel. Unfortunately, we haven't or can't split the app into different modules, which might make this easier. I tried creating a new style and applying it to my new SplitLayoutPanel, but it didn't appear to have any effect on the splitters. I thought there might be a method to get a handle on the splitters in order to apply the new style to only them, but I didn't find any such method.

    Read the article

  • Play/pause HTML 5 video using JQuery

    - by Barny83
    I am trying to control HTML5 videos using JQuery. I have two clips in a tabbed interface, there are six tabs in total, the others just have images. I am trying to make the video clips play when their tab is clicked and then stop when any of the others are clicked. This must be a simple thing to do but I cant seem to get it to work, the code I am using to play the video is: $('#playMovie1').click(function(){ $('#movie1').play(); }); I have read that the video element needs to be exposed in a function to be able to control it but can't find an example. I am able to make it work using JS: document.getElementById('movie1').play(); Any advice would be great. Thanks

    Read the article

  • Is there a way to have element behind a div (links) clickable in areas where the div is "transparent

    - by Adam
    I have a block element that is positioned absolutely and some other elements on page that are positioned fixed. The effect is the block on top floats over the page which works well. The links in the elements at the bottom underneath are not clickable. They shouldn't be when the content of the div is over them, but when the "marginal" areas which are transparent are over the links they are visible, but clicks only register to the covering div. The problem only happens when the padding covers the div. But if I just rely on the margin the bottom margin is ignored by browser so the scroll doesn't go high enough up. To solve this I resort to padding at the bottom. This is the problem. Is there a clean way around this? I realize I could have the underneath elements doubled and place on top, but opacity set to 0. That is an undesirable solution however. Sample of the problem: <!DOCTYPE html> <html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'> <head> <style> #top, #bottom { position: fixed; border: 1 px solid #333; background-color: #eee; left: 100px; padding: 8px; } #top { top: 0; z-index: 1; } #bottom { bottom: 0; z-index: 2; } #contentWrapper { position: absolute; margin: 100px 0 0 0; /* Padding is used to make sure the scroll goes up further on the page */ padding: 0 0 100px 0; width: 600px; z-index: 3; } #content { border: 1 px solid #333; background-color: #eee; height: 1000px; } </style> </head> <body> <div id='top'><a href="#">Top link</a></div> <div id='bottom'><a href="#">Bottom link</a></div> <div id='contentWrapper'> <div id='content'>Some content</div> </div> </body> </html>

    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 | 255 256 257 258 259 260 261 262 263 264 265 266  | Next Page >