I have a bunch of child <div>'s of variable width, which I want to right-align within a parent . I also want the parent <div> to be no wider than it needs to be to contain the children. (I don't know in advance how wide the children will be -- they'll contain dynamically generated content.) Here's an example that works correctly in IE ...
My extension is an overlay that has some images inside a toolbar. I need to display these images small (about 15px), but they render always at the same height of toolbar. I've already tried to define height and maxHeight of image and of hbox where them are palced but it doesn't work. here is the piece of code: ... <toolbox id="navigat...
I have code like the below. Instead of having the box stretch all the way to the right how do i make it only as long as it needs to be? <html><body> <pre style="{border-style:solid;}">A Sentence</pre> </body></html> ...
I am working on a site where a number of links on the home page are styled: text-decoration:none; This works fine in all browsers, except IE8. Please look at the home page in Firefox or Safari first then look at it in IE8 and you'll see what I mean. IE is usually more in synch thank IE7 but in this case IE7 works fine. Any clues why t...
I am working on the redesign of my website http://square1dev.com. In the sidebar however, I am having some issues making it look correct in Google Chrome. Issues are: Categories Title (h2 Background Image) - There is supposed to be a small little line to the right side of the word "Categories". Safari and Firefox show this, Chrome howev...
I have an absolutely positioned input box in a form. The input box has transparent background: .form-page input[type="text"] { border: none; background-color: transparent; /* Other stuff: font-weight, font-size */ } Surprisingly, I cannot select this input box by clicking on it in IE8. It works perfectly in Fir...
Hi, I want 2 classes with different names to have same property in CSS. I donot want to repeat the code. e.g <a class="abc"></a> <a class="xyz"></a> CSS .abc { margin-left:20px; } .xyz { margin-left:20px; } Since both classes are doing the same thing , I should be able to merge it to one. how to do that ? ...
hi everyone, im trying to create a dynamic page using external .css pages where the page color will get changed below is my code.. but when i click the "href" i am not getting any output.. can anyone pls tell whats the problem in my code.. any sugessions or ideas pls.. thanks in advance... <script language="JavaScript"> function loadjsc...
hi everyone, im trying to create a dynamic page using external .css pages where the page color will get changed below is my code.. but when i click the "href" i am not getting any output.. can anyone pls tell whats the problem in my code.. any sugessions or ideas pls.. thanks in advance... <script language="JavaScript"> function loadjsc...
Hi, I was wondering if anyone knew of a tool that will, when given a number of css files/css rules and a selector - classname, id, element etc. Return all styles that apply with their precedence ordered. I not, is this doable via JavaScript - I can get the css rules applicable to an element at the time, but can I get those that have b...
I'm working on a site for a client at the moment, and have it working correctly in all browsers except IE7 (IE6 and IE8 tested fine). It's a WordPress site and the theme is a child theme of the Thematic framework. This is an example of a page that is not displayed correctly in IE7: http://roynesbitt.credit-medics.co.uk/our-donors The ...
Hi all, In the following code I need to match the width when shrinking the window : <div style="background-color:blue;">The title</div> <table> <tr> <td> Column title </td> <td>Content</td> <td>Column title2</td> <td>Content 2</td> </tr> </table> This is just a little example of the page, it would involve more div...
Hi, I have a PHP text-size select function within a Drupal site: It uses this selector...: <ul id="font-sizes"> <li class="one"><a href="<?php global $base_url; print $base_url;?>/sites/all/themes/x/resize.php?set=small">Normal Font-Size</a></li> <li class="two"><a href="<?php global $base_url; print $base_url;?>/sites...
i have a selectbox with Country code values, they have a "short" label (2 letters) and a "long" label (full name). when not selected i want the "short" label to appear, but when clicked and the full selection appears to chose from the "long" labels should appear in the dropdown. is this even possible with html? or do i need to render ...
I have tried almost all of the jQuery Modal plkugins I can find on the net but they are all much to bulky for what I need. I dont need all the fancy features, I want to be able to open a div and have the background of the page go transparent grey like the photo below and have my div be on top of it, that is all I need to do so I would l...
Hi, I have HTML code similar to <div id="resizeThis"> <div style="background: url(...)">...text...images...</div> ... </div> I want to resize the div with all its contents to arbitrary size. For example, I could use JavaScript to get the div width and then resize all elements accordingly, but what's the simplest way to do this? I ca...
This is my code: <div id="divCategoryMenu" name="divCategoryMenu" style="background-color:#BCD2E6;"> <ul id="ulCategoryMenu" name="ulCategoryMenu"> </ul> </div> The list is dynamically filled. But there is a problem: When the list fills inside this Div, the items are center-aligned by default when I have not used any align prope...
I downloaded the Jquery ui along with one of there pre-made css styles. I put all of this in a master page where I have some of my styles. Will the jquery styles, for example, the ones for anchor tags overwrite the styles I have for my anchor tags. I basically just want the jquery styles to be just for the jquery ui components. Is th...
Hi, The two images in the right-hand column of a webpage have been vertically stretched to about 500% of their intended size when viewed in Google Chrome. In Firefox/IE they look fine. The relevant HTML markup is <div class="right_column"> <div class="photo"> <img height="80%" width="80%" al...
Hi. I have a page with an iframe to feature the contents of the clicked tab. There are 3 tabs and 1 iframe. The sources of the contents relating to each tab clicked are formatted and coded in other html & css files. What is another alternative to using an iframe, because I noticed that when the tab is clicked, it still shows the white b...