css

How to use CSS to control the style of an HTML unordered list?

Basically I want to control the margin on the left of the list. Here's how I have it structured: <li> <a href="http://link.com"&gt;Main&lt;/a&gt; <ul> <li> <a href="http://link.com" title="">Sub1</a> </li> <li> <a href="http://link.com" title="">Sub2</a> </li> </ul> </li> The sub-sections are ...

ghost text - how to have faint text in textbox

i have an online form: http://yoursdproperty.com/index.php?option=com_chronocontact&amp;Itemid=56 i would like to have some faint grey text there so that when the user clicks on it, it disappears exactly like in this stackoverflow form where in the title of the question it says "what's your programming question, be descriptive?" what...

ok to include css and js files outside <html>?

i wonder if i could embed js and css files above the html document scope: <script type="text/javascript" src="../../media/js/jquery.js"></script> <script type="text/javascript" src="../../media/js/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" media="all" href="../../media/css/cupertino/jquery-ui.css" /> <html> <head...

List Problem in DIV Element

Hi everyone, I have a div element which has these css attributes : HTML <div class="messageContainer"></div> CSS .messageContainer { margin-left: 2px; background-color: #F7F5F2; width: 100%; min-height: 50px; border: solid 1px silver; padding-left: 5px; margin-top: 3px; } When putting this html portion inside the di...

Height of child div overflows parent container

We need to instate a vertical scrollbar for overflow text of a div. The problem is when we set the height to 100% and overflow to auto, it expands beyond its parent container because of another sibling div preceding it. Here is an example: <style type="text/css"> .container {height: 100px; width: 100px; border: solid;} .titlebar...

Using jQuery, how can I get an image to open full screen to the browser's height and width?

I'd like to create a jQuery function that accepts an image url, and when executed, displays the image full screen matching the height and width of the current page. Thanks. ...

Form layout using CSS

I'm aware that there are already a bunch of questions about form layout using CSS versus Tables. On the whole, I think CSS is the way to go, but all the CSS solutions I've seen have the drawback of "hard coding" the width of the labels and/or input fields. The result is that one or two custom rules needs to be added for each form, assum...

How to position DIV at bottom of page between two vertical navigation bars

I'm having trouble being able to do two things. I can always seem to accomplish one, but not the other. I'd like to have my footer always appear at the bottom of the page AND take up 100% width of the content container. HTML: <div id="wrapper"> <div id="nav_open"> nav_open </div> <div id="content"> <div id="content_header"> ...

CSS overflow IE vs FF

I'm trying to have a single row of numbers, and if the row is wider than let's say 100 pixels, I want a horizontal (x) scrollbar to appear. This is easy to achieve in FireFox, but IE keeps folding the list and giving me a vertical (y) scrollbar as well, and items that I want to the right are appearing below. anyone know how to do this?...

Liftweb Menu customization

I want to create a menu that looks like: HOME | FOO | BAR | ABOUT | CONTACT How might I go about doing this? Here is what I have tried: <lift:Menu.builder ul:class="menu" li_item:class="current" /> and ul.menu li { display: inline; list-style-type: none; text-transform: uppercase; border-right: 1px solid white; padd...

How to make technical training session useful and successful for trainee?

Are these suggestions good to give for a successful training session? Practice time should be always given immediate after technical training? usually after receiving any technical session about any new thing we do routine work. If we don't do practice just after training, later when we do any work related to that training then we fee...

Want to disable outline when clicking on element with link (can't get it working with Firefox)

So I want to disable the outline when clicking on a link, but I still want users to be able to tab through all links with a keyboard. Therefore, this fix should work a:active { outline: none; } It works for all browsers except for Firefox. Any suggestions? ...

CSS Hack firefox 3.5 and below?

Is there any css hack for ff 3.5 and older (not 3.6) i used .SubTabs ul, x:-moz-any-link { /* IE7,6 Hack*/ *top: -28px; } but this applies to all FF browser versions.. ...

MVC Validation input-validation-error CSS not working

morning i can't get the input-validation-error css to work when i have a class already for the input box. <%=Html.TextBox("FirstName", null, new { @Class = "text" })%> <%=Html.ValidationMessage("FirstName", new { @style = "color: red;", @Class = "errorInValid" })%> if i take out new { @Class = "text" } then .input-validation-error {...

How to force Visual Studio to honor the BOM at the start of a UTF-8 encoded CSS file?

Apparently, when Visual Studio 2008 (SP1) opens a CSS file, it doesn't recognize the UTF8 BOM marker as a BOM, but instead interprets it as text (first three characters show up as , but shouldn't be visible). While VS normally doesn't save the CSS files with a BOM, I'd expect the IDE to recognize and respect the BOM when it's there. ...

Rad upload Java applet and z-index

I'm using Rad upload for drag and drop upload. It's working perfectly except I'm having a problem with the z-index. I'm also using jquery UI on the site and the overlay doesn't cover the applet. Any ideas on how to control the z-index. It would be nice if there where a setting like in flash where you control wmode. But I've tried z-ind...

Fading between two classes in jquery

I would like to be able to fadeout this class <h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2> and fade in this <h2 class="care-home-fees-over"><a title="Care Home Fees" href="#">Text</a></h2> Notice there are two separate images Here is my current markup which doesnt seem to work $(document).ready(func...

Background positioning with jquery doesn't work in IE7

My script is supposed to dynamically change the background-position when clicking on a button (adding or substracting 1 percent from the current value). Works fine in Fx and Chrome, and ie8 too (i believe), though not in ie7. Here's my code: function makeClicker(index) { $('#leftbutton' + index).click(function() { var bPos ...

Why would margin not be contained by parent element?

When an element with a margin is contained within another element, the parent does not consistently wrap that margin. Many things will cause the parent to wrap the child's margin: border:solid; position:absolute; display:inline-block; overflow:auto (And this just from small testing, no doubt there is more.) I would assume this has ...

What are the advantages of using ems instead of % in CSS?

I understand the advantages of using ems in favor of static measurements like pixels and points, but why do most of the CSS people out there (SO excepted) prefer using ems instead of % values? Thanks! ...