Hi, my client has asked me to make exactly what's happening in this jsFiddle example. All I need is to make them appear next to each other. As you see when one is fired it displays in the correct place, but when the other is fired, it pushes the other down. How can I ensure they always show next to each other? Note: This is VERY si...
What is recommended width for wrapper blocks (main containers) on 1024x768 resolution? There should not be horizontal scroll on that width in most available browsers. ...
Hi, My problem is simple. I want different styles on each column of a table. I've read that you could do that by using <colgroup> or <col> but i had no luck I have an exemple here and nothing seems to change. am i doing something wrong? will this work on xhtml? Thxs for your help :) BTW: i know i could add a "class" attribute on each...
i don't want word wrap but this is being. i have set width more than text length. but this is being break. so how can i stop word break. css .menu{ float:left; width:120px; height:34px; padding:12px 6px 0 6px; color:#cc8d50; } ...
<a href=""> text here always show <div style="display:none;"> hide text here </div> </a> a:hover{ //when hover show 'hide text here' ; when not hover, hide it again } possible to use pure css to do this effect? ...
Hi everyone! I'm having a problem with displaying a popup that's rendered within the html and then just toggled to show and hide it. My problem is that this popup sits in a div that has an overflow: hidden property and it means that some of the popup background graphics cross over the width of the overflow: hidden div. this causes a di...
I'm wondering if there is something like 9-patch in Android, but for web development? Disclosure: I have no idea about web development at all, but I was curious to know if it exists. And a simple web search with the term 9-patch didn't bring up any related results, so I figured it has either another term or it doesn't exist or is not us...
hi, I need to make something fadeIn, then stay there for a second and then fadeOut using JQuery. I've tried this but it dosent work for some reason??? $('#' + uMessage).fadeIn("fast").fadeOut("slow"); // works $('#' + uMessage).fadeIn("fast").delay(1000).fadeOut("slow"); // fails any suggestions where im going wrong? Many thanks!!...
I'm currently redesigning a website and have run into an issue with some elements in the header. The header contains a logo, some text and a navigation bar. Between the bottom of the logo and the top of the navigation bar there is a relatively thick gap, shown in this screenshot: I don't want the gap, I don't know where it's come from...
How do you scale an image added in :before or :after in CSS? For example, I have a page which contains a book cover: <span class="book"> <img src="http://ecx.images-amazon.com/images/I/41t7xMPK%2B6L.jpg" /> </span> I want to use CSS to make it look more like a book, rather than just a cover. I can use :before to add a second ima...
if i have a header tag <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } and after that i have a paragraph <p>stuff here</p> how can i say using CSS that every <p> tag that follows the h1.hc-reform to use: clear:both; would that be: h1....
I have a container div with a floating left-hand navigation pane and a content pane to the right: <div id="header"></div> <div id="container"> <div id="leftnav"></div> <div id="content"></div> <div class="clearfix"></div> </div> <div id="footer"></div> CSS: body { text-align: center; /* IE center div fix */ } #contai...
<div class="priceBox"> <a href="#"> <div class="priceBtn"> <span class="priceBtnTxt">Order Now</span> </div> </a> </div> What CSS properties would any of the classes need so that priceBtn is centered within priceBox ? ...
I am trying to get a set of 4 div column's (class siteCol) height to fill 100% of its container (id sites). the reason being, one column can have longer text than the others, but they should all be as tall as the tallest column. I have tried everything. Any help would be greatly appreciated. Code below: <!DOCTYPE html PUBLIC "-//W3C//DT...
How do I get the footer to take up the remainder of the page's vertical space without actually knowing how tall the content is? I can't figure out how to use javascript/css to accomplish this... Just to be clear... Scenario 1: The content ends halfway through the page, the footer would take up the remaining half. No scrollbars necessar...
I have three divs: <div class="A">A</div> <div class="B">B</div> <div class="C">C</div> I want them to be positioned like this: A C B Where C should always be in the top right corner of the container they're in. How do I go about this in CSS using only the three divs and in that order? I've tried a lot of different combination...
I have multiple validators on a textbox (see structure below). When the RequiredFieldValidator passes but the CustomValidator fails there is a gap between the Textbox and the CustomValidator as the RequiredsFieldValidator has a Hidden CSS property. [FieldLabel] [TextBox] [RequiredFieldValidator] [CustomValidator] The HTML output from ...
I'm running Mac OS so I can't really tell if this effect is presented on windows machines or not, so I apologize if this effect is not seen for you. Input and TextFields seem to have a blue rectangle when focused, atleast on Firefox and Chrome on a Mac. I have a custom focus effect on a site, and I'm wondering if I can avoid having thi...
I have a page with one div and 1 H1 tag in the div; I am giving a margin to a H1 and it's giving the margin the the entire div Why is this? http://craveadeal.com/indexV2.php Here is the entire code: <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } #wrapper { margin-right: auto; margin-left: auto; background-image: ...
Link to Source of CSS Issue On that page there is a carfax link towards the bottom of the page "View Full Report" I can't get it to display relative to the parent div in IE for some reason and suggestions? ...