css

jQuery CSS background change

This is CSS that I'm using on this href: a.menu:link, a.menu:visited { width:160px; border-bottom:1px solid #CCC; float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background-color: #FFF; height:21px; display:block; text-decoration:none; color:#999999; padding:5px 0px 0px 10px } a.menu:ho...

CSS: Making a non-root block element occupy the whole page

Is it possible with only CSS to make a block element occupy the whole page("busy box") when the element is on a non-root level where width and height set to 100% stretch it only as big as the parent element? I could have done it using absolute size but that would require javascript to adjust to the current size of the page. This m...

html inside email

I am sending email through gmail, i want to send some html content, is it possible to do if yes then how?? ...

Display a div within view port

I've an image gallery, that displays images in a 5X5 matrix. Each image has a onmouseover function where in a hidden div is displayed with some details about the image and the div with the details gets hidden using onmouseout. The div that contains the details about the image may contain clickable links and hence I am displaying the div ...

CSS: Show an image and a div next to each other in list item

When I set out this morning the task seemed simple: build a list of elements; each element consists of a thumbnail, a title, and a sub-title. I'd like to have the image left aligned with the title and sub-title next to it. If you take a look at a YouTube video page: the Related Videos box has a similar layout. UPDATE: To be more speci...

Howto place selectbox and inputbox on the same place?

Hy eveyone. I think this is a css Problem. Im not good at css, so i need your help. basicaly what i want to do is, create a small select box, thats fine i did that and a input box, thats also fine i did that also. But unfortunatly the selectbox is over the inputbox. How can i place both on the same place? Here is the code <select styl...

How do I change the div background when I mouse over a picture?

I have a thumbnail image inside a div. I use another image as the background for the div so that it frames the thumbnail. I need to be able to change the position of the background image from bottom center to top center when I mouse over the thumbnail. Here is the html: <div class="image"> <a class="zoom1" title="Sample title" href=...

.NET MVC: How to fix Visual Studio's lack of awareness of CSS classes in partial views?

Hi all, This has been sort of an annoyance for me for a while. I make pretty heavy use of partial views in MVC, and am using Visual Studio 2008 to develop. The problem is that when I give html elements a class in a partial view (<div class="someClass">), it will underline them in green like it doesn't know what they are. I realize this...

How can I constrain the width of an absolutely positioned nested div?

Hello. I have a complicated multi-level menu. The (absolutely positioned) right hand menu items are spilling out of the (absolutely positioned) container in IE and Opera, but not in Firefox (or Chrome or Safari); I suspect that Firefox is wrong because I don't see why an absolutely positioned element should have its dimensions constraine...

Setting Focus to a link using class name with Jquery

Using jQuery I am trying to set focus for (CSS purposes) to a particular link from a list of related links on the load of the page based upon the class name. Example, of the following I want to set focus to Link1 <a href="#Link1" class="nav-button-left">Link1</a> <a href="#Link2" class="nav-button">Link2</a> <a href="#Link3" class="nav...

CSS vertically align LI's in middle

I have the following HTML where I need the LI elements to vertically display in the middle of the 21 pixel high UL area. Here is my HTML... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html> <head> <style type="text/css"> .MenuBar { pad...

animate div width styled as table-cell

I've created 2 columns. The 2nd is 240px wide and the 1st takes all available width. The below displays fine in IE8 & FF3.6: /*My Styles*/ div.table { display:table; border-collapse: collapse; table-layout:fixed; width:100%; border-spacing:0; padding:0; margin:0;} div.cell { display:table-cell; overflow:hidden;vertical-align:top;} <...

tweak CSS to expand header

for this site: http://yoursdproperty.com/ do you see how there some extra white space all the way at the top? how would i expand that image to get rid of that space? The weird thing is that the flash file that runs the header images has already been changed by me to be the width of the page. Something in the CSS though makes it the o...

IE6 floated list indentation problem...

I have the following page (which is reduced and modified from ASP.NET MVC default project): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <title>test</title> <style type="text/css"> body { background-color: #fff; ...

Using css child selector

I am trying to apply css on the first A element inside .Outer, .Outer > a:first-child {font-weight:bold} doesn't work. Why? <div class="Outer"> <img src='image123.jpg' /> <a href="Default.aspx?ID=4083" id="ctl00_CPH_Main_Rep_List2_ctl03_HyperLink1">John Johnsson</a> <a href="../Users/ViewList.aspx?module=Occupation&amp;ID=70">Doc...

use CSS sprites for list (<li>) background image

Is it possible to use CSS sprites for the list background image? Normally, I render my sprites with CSS like this: .sprite { background: url(sprite.png) no-repeat top left;} .sprite-checkmark { background-position: 0 -24px; width: 24px; height: 23px; } .sprite-comment { background-position: 0 -48px; width: 14px; height: 14px; } <div c...

Populating div with checkboxes

I use this code to determine checkbox width and height: var chk = $('input[type="checkbox"]:first'); chkWidth = chk.innerWidth() + parseInt(chk.css('margin-left').replace('px', '')) + parseInt(chk.css('margin-right').replace('px', '')); /*IS there better way instead of px replace?? */ chkHeight = chk.innerHeight() + parseIn...

CSS rollover effects with RichFaces a4j:commandButton

Hello I've not seen a useful, authoritative web resource which says how to reliably enable rollover effects on a4j:commandButton elements in RichFaces JSF content. I have found plenty of css resources re buttons, but then when they start talking about html I start wondering what the equivalent is in more recent web technologies. Basic...

Is there any way to access parent dom object from the child element ?

Hi, I have a simple DOM code like the following <div> <div> </div> </div> I want to set the background color of the outer div using the inner div alone. Is it possible? The question might be a bit crazy. But I have a strong reason behind asking that. I am working on a framework where there are html code generated dynamically...

changing input text to textarea just like in facebook

i would like to replicate that you see a regular input text and when you click it changes into textarea. is this a hidden layer or is it actually changing the input to textarea? how to do it? ...