css

Can a child influence its parent's size in Standards mode?

Take this page for example, is it possible to insert a child into mydiv such that it will cause mydiv's height to grow beyond 500px? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html> <body> <div id="mydiv" style="width:500px;height:500px;border:4px solid red"> ...

Image resizing question using php?

I was wondering how can I create a piece of PHP code that will check a jpg, gif, png or any other types of images using the getimagesize() . And then check if the images width is smaller then the width in the following CSS code below if so then the PHP code should re-size the image all while keeping the images aspect ratio, no matter if...

jQuery fadeColor problems

Hi I'm new to JQuery. I have an two issues that I can't figure out. I'm using copy and past code as I'm on a tight deadline. 1) When I hover over a link it doesn't fade back to the original color once I move my mouse away from the link. 2) If I move my mouse rapidly over the links they get stuck in a loop and fade in and out over and o...

Auto-hide Visible Child Elements

I am doing some prototyping using HTML, JavaScript and CSS. The prototype is for an application suite to run on a mobile device. Each screen is built in it's own DIV. There is one home screen, several screens off that, et cetera. The user should be able to dump out to the home screen at any time. There are certain elements in each scree...

How to style dt and dd so they are on the same line?

Using CSS, how can I style the following: <dl> <dt>Mercury</dt> <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd> <dt>Venus</dt> <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an iron core.</dd> <dt>E...

Which one I have to follow for W3 Validation?

In W3 validations it have many options HTML - XHTML1.0, XHTML - Transitional, XHTML - Strict and for CSS - CSS - 2.0, CSS - 3.0 ... Which one I should follow? Any suggestion plz ...

CSS need div to extend it's containers width

This is my current HTML structure. The footer div is sitting alone in the BODY. <div id="footer"> <div class="container"> <div id="footer-bg"> <div class="footer1"> <p class="p1">asd</p> <p class="p2">asd</p> </div> <div class="footer2"> <p class=...

Jump to anchor tag after clone

Hi all, I have these hyperlink which will jump to anchor tags in UL some where <a href="#A">A</a> <a href="#B">A</a> <a href="#C">A</a> <ul> <li><a name="A"></a></li> <li><a name="B"></a></li> <li><a name="C"></a></li> </ul> This is to make sure I jump to the right alphabetical letter in the list (which is long and will have scrolle...

How to make scrollbar?

hi. i'm new here. i create a table which can show the data from the database and create 1 more table to show the data which be selected. But the problem is if we just select few data it wont be a problem. but if select more than 100 data it can cause a layout problem. and this my code... <script type="text/javascript"> function List()...

(why) is the CSS star selector considered harmful ?

does the star selector in CSS affect page rendering performance ? are there any caveats using it ? * { margin:0; padding:0; } ...

Block Level Elements inside Inline elements

The W3C Validator tells me I can't put block-level elements inside inline elements. Makes sense... but what if I'm using CSS to change that block-level element into an inline element? And what if I'm using CSS to convert an inline element into a block-level element (when inside another inline element)? The Validator doesn't pick up on...

Can I configure Compass to output the CSS on a different drive?

Let's say that I have a Compass project on D:\Compass (this is where I keep my sources) and I want to output my generated stylesheets on E:\CSS, is that possible in any way? I tried changing the --css-dir but it won't work because it has to be relative to the project dir? Has anyone tried this before? ...

Small CSS problem in IE7

Hi, I have a small css problem that i can't seem to find a solution for. I have 2 problems: url to site: http://www.umono.nl/test/ The OL in the red box "Zoek en boek" is wrong in IE7 The css popup menu in the header "home, alle steden, etc.." is not aligned right in IE7. Can somebody please help me out? Thx, Kevin, ...

Removeable side bar layout possible without CSS expression?

I have the following layout with a sidebar that is only present on some pages and not others. When the sidebar is not present #main should fill the available width of the container. It works but makes use of a CSS expression - is it possible to achieve the same layout without this expression? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....

how to preserve this div in the bottom of the site?

Hi everyone, I have a big problem in my website (based on Joomla and a free template). When I go to this page: http://bit.ly/2mv4pC I should set the margin of { p.stickynote } to { margin-bottom:300px; } in order to fix the problem of my . If you just try to play with the { margin-bottom:300px; }, so you will see the behavior of this , ...

CSS or jQuery problem: Website not behaving correctly.

Go to this beta of my new website (link redacted). If you hover over one of the colored squares, a popup box à la Panic's Coda pops up, except there are two problems: a) The text inside the popup does not show up. It is programmatically set to :) using the following code: $('td.middle', this).text(':)');      td.middle is the class ...

I want to align <div> b with <div> a horizontally, is there a simple way to do it?

When I write <div name="a">Foo</div><div name="b">bar</div>, I want horizontal alignment instead of vertical alignment. How to do it? Is there a simple way to do that? By default, it is vertical alignment. ...

JQuery UI Different CSS for Tab Page and Progress Bar on Same Page

I am trying to add a JQueryUI Progress Bar to a page that already has a JQueryUI Tab styled on it. The look of the tab pane and tabs has been already set via the CSS. One of the CSS values .ui-widget-header is also used for the Progress Bar. How can I make the Progress Bar use a different definition of this CSS style than the one al...

Prevent Text Input expanding in IE

Hi, I am having a problem with an input field in IE. The code is for a portlet and widths need to be dynamic as the user can place the portlet on any of the three columns in the page which all have different widths. As always it works fine in FF but not in IE. In order to make the width dyanaic I have set width="100%". Data to popul...

html fieldset allows children to expand indefinitely

I want to put a scrollable box inside of a fieldset, but I've run into a quirk and I can't figure out my way around it. When you put your scrollable div inside of a fieldset, the fieldset expands instead of making the scrollable element scroll. Here's a test case. The following expands indefinitely (boo): <div style="width: 300px; over...