css

CSS - 2 divs side-by-side, one floated - how do I make the other fit next to it without overlapping?

I have had the following problem for a while and I am really not sure how to solve it. The problem can currently be observed here: http://www.androidpolice.com/2009/11/16/the-not-so-good-the-bad-and-the-ugly-my-list-of-20-problems-with-htc-hero/ - feel free to use this for Firebugging. There are 2 notions here: a table of contents (toc...

HTML/CSS: How does Google create this drop shadow over their maps?

Question: How does Google create the dropshadow next to the vertical scrollbar over the Google Map? Linked below is a screenshot depicting exactly what I'm talking about. http://img291.imageshack.us/img291/2214/googlemaps.png This seems to be regardless of browser (IE, Firefox, Chrome) and platform (Windows, Mac, Linux). ...

How do I prevent selection scrolling in the body

I have divs that are placed off-screen. I have disabled scrollbars like so: body { overflow: hidden; } Currently, when I highlight text and drag the mouse outside the window, the body still scrolls. How can I prevent this behaviour? (Setting offscreen elements to display: none is not an option.) Thanks! Travis ...

multiple background pics in css

this is what im trying to do... ul#newnav a{ /*--This is basically the hover state of navigation--*/ color: #555; background: url(images/a_bg.gif) repeat-x left bottom;} ul#newnav a{ background: url(images/navpic.png) no-repeat top left;} and of course its only loading the last one but is it anyway I can load both. ...

center a div box in the middle of the page using css

Hello, I want to center a div right in the middle of the page, I tried top:30%, but when the window is resized off the alignment. <div id=cent></div> Thanks Jean ...

#div_iv a:hover not working

Hello, This may seem stupid to ask, but I have done on many css coding #div_iv a:hover but for darn reason, it does not seem to work now, Googled with results such as a.hover #div_iv #div_iv:hover What exactly is wrong. Thanks Jean ...

How to make tag group with including predefined attributes, to wrap other things quickly?

for example. if i want to quickly wrap anything by this in once. in dreamweaver or in any other free software where i can do this. I want to select this <p>anything can be here - content, other html tag etc.</p> and in one shot want to wrap inside 2 divs with predefined classes <div class="one"> <div class="two"> <p>anythi...

From where can I download free themes for my web application?

I am developing a web application and want to allow user to select theme for his/her personalization. I want to know from where can I find free CSS theme templates? By theme I mean, same CSS templates and it should have same CSS class names referenced in CSS file, because then only I can load the CSS file and the whole look and feel ge...

How can I convert TextBox multiline to Uppercase in Opera?

I can't find how to convert TextBox multiline to Uppercase in Opera? I use "text-transform:uppercase" but it work only with IE ...

How do I bind functions to all input elements using jQuery?

Hi, let's say I have this set of HTML-markup and CSS #CSS .inputhelp_text { background: #000; color: #fff; } .nodisplay { display: none; } <input class="inputhelp" id="firstname" /><span class="inputhelp_text nodisplay" id="help_firstname">Write in your firstname</span> <input class="inputhelp" id="lastname" /><span class="inputhelp...

Horizontal and vertical center text in html

I have a div with a background image that needs to be centered horizontally and vertically. On top of that image, I also want to display a 1-line text, also centered horizontally and vertically. I managed to get the image centered, but the text is not centered vertically. I thought vertical-align:middle would do the trick. Here's the c...

Protect CSS-layout for overlaying div like addthis.com

I have an overlaying div (much like addthis.com) that I want to protect from inheriting styles. I have looked at reset-css files such as Blueprint but this tends to screw up the parent styles as well. For instance: User has div { border-right:1px solid red; } This is appended to all divs on the page, including my overlay. Of course I ...

reasons to not use typekit?

I'm launching a new site soon and would like to use one nice font (for headings etc). I've experimented with scripts like cufon and find them very disappointing. The way I see it I have to legal options: create my own font stacks using fonts that are licensed for @font-face (like fontsquirrel) subscribe to typekit use standard font sta...

jQuery or CSS - How do you make a link in a table row appear underlined even when the cursor is in a neighbouring cell?

I have a table of 3-4 columns, the central one being task names that are also links(yet another todo app..groan). Im trying to make it so that whenever the mouse hovers over any part of the table row - not just the link itself - the link will appear underlined. Its a small detail but its been annoying me like hell and i refuse to let it ...

How to select text that is not marked up with CSS/jquery?

I want to apply some CSS to text that I can't get marked up in spans. So for example: <li><a href="google.com">This is marked up</a> and this is not </li> I want to select, with either CSS (preferably) or jQuery this bit: and this is not. Maybe there's a method of selecting the entire li then excluding a, that seems like a bypass. Th...

Text Box size is different in IE 6 and FireFox 3.6

I am facing issues with text box size when veiwing in Fire Fox 3.6. < input class="dat" type="text" name="rejection_reason" size="51" maxlength="70" onchange="on_change();"> style is as: .dat { font-family : verdana,arial,helvetica; font-size : 8pt; font-weight : bold; text-align : left; vertical-align : middle; background-color :...

Will news ticker using overflow:hidden cause Google to see site as spam?

In the hope of tempting Googlebot with fresh content, I've implemented a homepage news ticker which displays the 20 most recent headlines on our site. The implementation I have chosen is a <ul> with each headline being a <li> Initially all the <li> elements have no style but Javascript kicks in on page load and gives all but one of the...

Reset element color to default stylesheet color (Jquery, Javascript)

I need to be able to reset an input field back to its original color after it has been possibly changed via javascript to a different value. The problem is I do not want to hard code the value obviously in case the stylesheet changes. I would like to use the default color used on the page. Is resetting the color like this fine, or is t...

CSS Redundancy checker for GWT

In my project i have a lot of css styles. Some of them are never used (not anymore). I check this manually with eclipse: i select text and then with "Search -> Text -> Project" i can find, if this style occurs only in the stylesheet or also in java files. Is there better way to check, which styles are currently used in my GWT project? e...

Floating troubles on IE6 and IE7

The header of a sub-section of my site is made of 4 divs vertically stacked. A fifth div, that contains an image, is floated over those 4 divs, a bit away from the right border. This layout works well on Firefox, IE8, Chrome, and other browsers, but on IE7 and IE6 the div does not float over the other divs, messing my layout. How can i f...