Why with this css the background-color attribute doesn't work?
Hi. This is my code : <body> <div> <div id="ROOT" > <div id="ROOT_0" > header </div> <div id="ROOT_1" > main </div <div id="ROOT_2" > footer </div> </div> </div> </body> html {hei...
css
CSS - having the same height on 2 different div in the same container
Hi. I have this code : <body> <div> <div id="ROOT" > <div id="ROOT_0" > header </div> <div id="ROOT_1" > <div id="ROOT_1_0> Hi<br /> My<br /> Name<br /> Is<br /> ...
Why is Safari 4 / mac not rendering top and bottom margins in this nested div?
Safari 4 seems to be ignoreing my margins unless I add a border. The following example renders left and right margins but no top or bottom. If I add a border it renders as expected. Am I doing something wrong or am I going to have to add borders (albeit transparent ones) to every element with margins just for Safari? <!DOCTYPE html PUBL...
How to position div boxes to each other
See http://www.kaizoku.nl/beta/index.html I have 3 div boxes on my site, each has the property display set to none and with the jQuery function ShowHide I make the box visible on click. Now the problem I have is that the boxes dont respond to each other visibility, what I would like is that when I click for example box 1 which is above ...
apply javascript functions to all objects in a css class
I have this code: $("#SidingPainting").hover( function() { $(this).addClass("ui-state-hover"); }, function() { $(this).removeClass("ui-state-hover"); } ) however I have many, like a hundred divs that I want to apply these same functions to! Is the...
CSS Dropdown Menu working intermitently in all browsers
I'm developing a simple CSS-only dropdown menu but I'm having an issue in which the submenu disappears when the mouse enters a 3-4px tall section just inside the first item on the submenu (the :hover background of the first submenu item changes so the mouse is hovering over the first submenu item prior to it disappearing). If you move t...
Space between two div's in IE
I have a strange problem between two div's , there is a space below the top div which only shows in IE8. Although I am using IE8 at home I don't see it, but at other places I do. Image in IE (red is the space that shouldn't be there): In firefox and every other browser it shows fine as shown below: <div id="top"> <form action="" ...
Using jQuery to add class to first TD on each table row
Hey folks, I have a table I'm working with that is like such: <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tablecontent"> <tr class="tablerow"> <td>This is the td I want to add a class to.</td> <td class="cell2">Stuff</td> <td class="cell3">Stuff</td> </tr> <tr class="tablerow"> <td>This is th...
Max-height ignored in Firefox, works in Chrome and Safari
I'm making a slideshow of images with the class "Display". I want to limit the height and width of the image to a maximum of 80% of the window's, so that there won't be a need for a scroll bar at any normal size. Here's the CSS I used: .Display { max-width: 80%; max-height: 80%; } It works exactly how I want it to work in Chrome and...
css border problem
How do i put a border on a div in css that doesn't have a set height? Want to achieve this without using any javascript. Code is below. HTML <div id="main_container"> <div id="header"> <div id="topMenu"> <ul id="topNav"> <li><a href="#">Home</a></li><li><a href="#">Contact</a></li><li><a href="#">Links</a></li> </ul> </div...
CSS Padding and width
Hello, Consider the next code: #container { width:500px; } #inside { padding:10px; width:100%; } If I choose width:100%; will it be the same as stating "width 480:px" (that is, calculating the padding already) or will it be as "width:500px" Thanks Joel ...
Hover Problem in CSS -- Overwriting
Okay this is the css code I put on the master page so it applies all the child page as well : Master.css a { color:Red; } a:hover { color:Blue; } and now on some pages I need to change color and hover color of the links like : Some child pages a { color:Gray; } a:hover { color:Maroon; } But the problem is it won't chan...
posting comment script
I want to make a posting comment script that satisfies a limited page size,i.e the page doesn't stretch with the creasing comments,so i want to make a limited number of comment per page and after exceeding this number the comment is added in a new page,but the comments should be in a speciefic blockin the page so turning the comment page...
Why is my background image not displaying properly in IE7??
Screenshot of the issue: http://cl.ly/2oS3 Webpage in Question: http://cure.org Offending browser: Internet Explorer 7 You'll notice from the screenshot, or if you view this site in IE7, that the background image is not displaying for the content div (#modal-inner-content). Strangely, the image displays in the other divs where it is u...
jQuery Explode changes fonts while exploding, how do I stop this?
Go to http://hartford.uconn.edu/scholarships/ click on any name, then click on "close" button which will show you that while "exploding" the fonts change from default "Trebuchet MS/ Trebuchet" to "Times New Roman". I have tried defining body {font-family:"Trebuchet MS", Trebuchet;} and defining other classes and change jQuery widget clas...
What might cause this background "fade" in IE8?
Anybody have any idea what might cause this in IE8? The background is meant to be a solid blue, but as you can see it's not. This is not on my machine and I've been unable to reproduce it, but one of my clients is getting it: More details: The background is using a png (which it doesn't strictly need to as it's a solid colour, but it...
how to show repeating divs on mouse over with jquery?
hello. for example ive got a div like: <div class="y1"> <img src="i/o.png" /> </div> and <!-- pre load --> <div class="p1" style="display:none"> <h5 class="ob">Title</h5> <img class="ob" src="i/ob.png" /> <small class="ob">Description</small> <a href="#" class="oyna">PLAY</a> </div> and this jquery <script type="text/javascript"> ...
CSS Top Property different between Internet Explorer and FireFox
I've been trying to search for this in stackoverflow but I couldn't find the answer. Browsers I am using for testing: Firefox 3.6.8 Internet Explorer 6.029 I am creating a box and positioning it via the position:absolute and top and left properties: #testBox { top:10px; left:480px; width:220px; padding:3px; position:absolute...
CSS - IE don't get the margin-bottom from the last div
Hi. I've a container, where i have some divs : header, content, footer (as a standart application). this is the structure : <body> <div> <div id="ROOT" > <div id="ROOT_0" > Header </div> <div id="ROOT_1" > Content </div> <div ...
How do I make a multiple select have an X at the end of each option to erase it?
I wanna make a select multiple list have an X to the right of each option and when I click it it should remove it from the list. I think this would be a mixture of jQuery to delete itself and CSS to add the X at the end of the option. I'm already using this javascript function: function addToList(list,firstOpt, secOpt,number){ ...