Search Results

Search found 16166 results on 647 pages for 'css layout'.

Page 286/647 | < Previous Page | 282 283 284 285 286 287 288 289 290 291 292 293 | Next Page >

How can I display the "first time here" bar like SO and slide the other DIVs down?

- by Scott

I implemented the code to dislay the bar at the top of the stackoverflow screen: http://stackoverflow.com/questions/659199/how-to-show-popup-message-like-in-stackoverflow What this does is display the div over top of the div at the top of the page. How can I display the new "bar" div and push the others down? Just like StackOverflow does.

Read the article
Show information over image on rollover

- by Chris

I want to be able to show information (HTML basically) over an image when the mouse rolls over the image... I know there is a .hover() jQuery function but am unsure how to use it to get the desired effect. Ideally when a user hovers over an image it would "grey out" (e.g. layer of 50% opacity black) with some HTML like a title etc etc. Can someone point me in the right direction or provide sample code Thanks

Read the article
Formating issue in IE6

- by user354534

i All, I have deployed my site on internet and I am facing some formating issues, it's working fine in IE8, Firefox and Chrome but not in IE6. I have used asp.net 3.5, please let me know where I have done mistakes. http://www.anujtripathi.net/AboutMe.aspx and the same in image gallery menu, as I don't have 10 reputation point I can't paste another URL here. Thanks

Read the article
Substitution for display='table-cell' in IE 7

- by Jeny

Hi friends, document.getElementById(id).style.display ='table-cell'. This gives error message in IE, this is IE bug or any other solutions please give any other solutions. IE7 doesn't support this property. this is my coding. Even Firefox and Chrome are accepted. My problem is IE. Please friends give solution... var cont2 = document.createElement('div'); cont2.style.display = "table-cell"; cont2.style.verticalAlign = "middle"; cont2.style.lineHeight = 100+"%"; cont2.style.padding = 10+"px"; cont2.appendChild(body);

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
Right column content overflowing over my footer

- by Sixfoot Studio

Hi All, I know this has got something to do with a float, but I cannot seem to figure out where I am going wrong with this. Please check this page for me, the content in the right column is flowing over my footer. http://sun-eng.sixfoot.co.za/index.php?option=com_weblinks&view=categories&Itemid=48 Thanks! James

Read the article
How to make this type menu with semantic markup ....

- by metal-gear-solid

sub items of dropdown can be increased and decreased. angle only needed at last item's right bottom corner. Edit: I Know how to make dropdown menu and how to give cross browser transparency , my question is about to make transparent dropdown with right bottom angle.

Read the article
How to add brackets (a) to ordered list?

- by jitendra

I have to show like (a) (b) (c)

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
How do I keep two divs that are side by side the same height?

- by SLC

I have two divs side by side. I'd like the height of them to be the same, and stay the same if one of them resizes. I can't figure this one out though. Ideas?

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
How to Embed thumbnails in images

- by user198222

I have a bunch of 200X120 thumbnails and a bunch of high quality images, Apparently when I just resize the thumbnails with img size the quality suffers, so we are loading two images from the server the image thumbnail and the actual, I am just trying to optimize my site for speed a little saw someone mention embedding thumbs in the image, does anyone know a program that does that? Is this the best way to achieve my goal of high quality thumbnails?

Read the article
prevent onmouseout when hovering child element of the parent absolute div

- by John

Hi I am having trouble with the onmouseout function in a absolute positoned div. When the mouse hits a child element in the div, the mouseout event fires, but I do not want it to fire until the mouse is out of the parent, absolute div. How can I prevent the mouseout event from firing when it hits a child element WITHOUT jquery. I know this has something to do with event bubbling, but I am having no luck on finding out how to work this out. A similar post I found here: How to disable mouseout events triggered by child elements? How ever that solution uses jquery.

Read the article
3 divs as background

- by woody993

I've been working on this for a couple of hours and can't seem to wrap my head around it. I have three images, below, and I would like the text content to sit on top of these, but how do I do it? The middle image is the image that would need to repeat as the container div expands. Top: Middle repeating: Bottom:

Read the article
AddClass onClick won't work

- by QTaylor

I'm having some problems getting some simple jQuery to work; I'm trying to add a class called fadeInLeft to my body element on click. Here's the code: $('.contact-button').click(function() { $('body').addClass('fadeInLeft') }); HTML (from comment left by OP, below): <div id="contact" class="bounceInRight animated four"> <a href="#" class="contact-button"> Say Hello </a> </div> contact-button is the class of the link, fadeInLeft is the class I want to add when the link is clicked. Any idea why this would not work ?

Read the article
Main content of page bleeding onto footer? (only in IE7)

- by John Isaacks

On my page the main content is overlapping onto the footer. this is only happening in IE7. It works fine in ie8,ff,chrome. Any ideas on what the issue is? Thanks.

Read the article
select tag sits one pixel lower in Firefox than it does in Chrome

- by sepoto

#allday { width: 180px; height: 20px; margin-top: 2px !important; margin-right: 0px; padding: 0px; -webkit-appearance: menulist; box-sizing: border-box; -webkit-box-align: center; border: 1px solid; border-image: initial; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: white; cursor: default; } I inspected the element in both browsers but I'm not really seeing where the discrepancy is. Has anyone been through this before with the select tag?

Read the article
How do you access @font-face in the DOM (via Javascript)?

- by Jon Raasch

Hi I'm looking to access @font-face with Javascript. I assume it's somewhere in the DOM but where? I want to do this for @font-face feature detection. Thanks!

Read the article
table sorting, paginating script problem

- by Syom

i'm trying to find table sorting and paginating script, and i've found a good one, but there is some problem i can't understand anyway. look at demo please the pagination must be in the center, but in IE it on the left side. i've download the script and try to correct it, but i can't. maybe you can understand what is the problem, or maybe can give the link on another such script, which works on all browsers. thanks

Read the article
How to auto adjust the <div> height according to content in it?

- by OM The Eternity

I have a which needs to be auto adjusted according to the content in it.. how can i do this, right now my content is coming out of the the class i have used fo that div is as follows box-centerside { background:url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent; float:left; height:100px; width:260px; } pls help

Read the article
performance issue with a website.

- by pradeep

Hi, I have a website .. [SPAM LINK REMOVED]. When you see pages like [SPAM LINK REMOVED] and [SPAM LINK REMOVED]. These pages load a bit slowly in FF. Please see if the speed is reasonable or speed needs to improve and in IE 6 it takes ages to load the website. Please let me know what all should i do to increase the performance of website. I tried all the options given by firebug. But nothing much helped. If any1 can let me know where all i should take care to increase the performance it will be very helpful.

Read the article
fixing div in center of page with different width and height

- by testkhan

i have a div and it appears only if the user hits a link from category list i.e category 1 category 2 category 3 and loading content with jquery $.ajax() so the width of div chages according to the returned data no i want to center the div in center of page...

Read the article
Extend footer wrap to width of page.

- by hawkeye126

I've made a footer wrap outside the content wrap (which everything else is in). I would like to make the footer wrap extend to fill the width of the page and I would like it to be fixed on the bottom. Here's the code: footerWrap { background-color:#000; width: auto; } footer { margin: auto; text-align:center; width:965px; height:150px; background-color:#000; border:#000 inset medium; } The website is item9andthemadhatters.com please let me know if you need any other code or info. Thanks!! update: html { padding:0; height:100%; width: 100%; } body{ margin: -1px 0 0 0; background-color:#FFF; font-family: calibri; background-image:url(images/item9HeaderSideFiller.gif); background-repeat: repeat-x; padding:0; height:100%; width: 100%; } wrap { width: 965px; margin:auto auto; min-height:462px; max-height:4000 px; footerWrap { background-color:#000; position:absolute; bottom:0; width:100% } footer { margin: auto; text-align:center; width:965px; height:150px; background-color:#000; } }

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
What is the best lightweight way to randomly show inline images on each refresh or on load a page?

- by metal-gear-solid

What is the best lightweight way to randomly show inline images from a folder on each refresh or on load a page ? using jquery.

Read the article

< Previous Page | 282 283 284 285 286 287 288 289 290 291 292 293 | Next Page >