css

CSS - Formatting Forms with label tags

I've got a form that I'm trying to layout semantically and format with CSS. As it's produced dynamically (from ASP.NET MVC) some elements may be rendered as text rather than input tags as they may be read-only for that screen. I am trying to add a width to the label tags to neaten up the form and align the values/value boxes, but it seem...

Variable dimension fluid images, vertically and horizontally centered

http://www.publicgathering.net/temp/fluidvert.html Interestingly enough the problem here is in Firefox of all things. Single image per page, variable heights and widths, has to be vertically and horizontally centered, has to be fluid (shrinks for smaller browser windows) and I'm merely looking for recent browser support (IE8, Chrome, F...

CSS or JQuery Fixed sidebar in website layout

My website is setup with the content structure like this <body> <div id="header></div> <div id="contentwrapper"> <div id="content> ... </div> <div id="sidebar"> ... </div> </div> <div id="footer"></div> </body> I'm trying to make my website behave where sidebar stays in t...

jquery drop down menu sticking..

so I am using the .hover feature of jquery.. but im having a small issue. the drop downs stick and dont get hidden when yuo move the mouse over them very quickly (ff3). it seems like it is skipping the mouse out function if the previous function hadnt completed which is slideDown. anyway to fix this? heres the test site: http://vasos...

How can I get the font size of an element as it was set by css

I'm writing a simple jQuery that to change the font size of an element by a certain percentage. The problem I'm having is that when I get the size with jQuery's $('#el').css('font-size') it always returns a pixel value, even when set with em's. When I use Javscript's el.style.font-size property, it won't return a value until one has been...

How can I make the results of a jquery json result make items visible

On my main page I have this jquery code which does an ajax call and loads the whole pages contents into a DIV on my page, it refreshes every X amount of seconds <!-- Auto update/look for NEW notifications --> <script type='text/javascript'> $(document).ready(function(){ var updatenotification = function(){ $('#notific...

How to split the image using Javascript + CSS ?

I have the image like this: I want to split it into six squares, and I can keep looping to display the animation. Do you have any ideas to split the image by JS + CSS instead of using 6 separate image files. ...

Making a stylesheet(.css) file apply to my MasterPage in Visual Web Developer 2008.

How can I do this? <head runat="server"> <title></title> <link rel="stylesheet" href="default.css" type="text/css"> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> My CSS file is called default.css and it's located in the App_Themes folder > Default > default.css Any help? :( ...

Always have my Image show in X percentage using CSS?

I have an image that I want to resize on my websites rendering using CSS. I can't use Width because that would cause it to be a fixed size, so what should I use? Can I use a percentage? If so, how? ...

Best practice for naming DIVs in initial layout

Newbie question here. I'm in the beginning stages of laying out a site in HTML/CSS based on a sketch I did. So I'm planning my DIVs on the home page and I'm wondering how to name them and which elements should have their own containers. So far, I have the following : container (contains everything on the page) header (will contain the ...

How to get round corner textbox using jquery without images

I try to get round corners for textbox. But how can i get it. Here is the class .tbox { float:left; width:200px; margin-top:10px; margin-left:10px; } when i call using jquery using $('.tbox').corners("4px"); it is not working. I already included Jquery.js and jquery.corners.js. But its not working. Any help would be appreciate...

CSS transparent background fallback when images are disabled

I have a DIV with a transparent PNG background applied to it. Is there a way (use of JS is fine) for me to: Have the transparency effect when images are enabled Apply a normal solid background color to it when images are disabled ...

How to apply css class to an html element using jquery in ASP .NET MVC?

Hi, Im trying to implement a tab menu just like the one in stackoverflow. I created html list and style them to look like tab menus using CSS. I put the html list on the master page. Now the problem is that How do you change the color of the list once it's clicked by the user? For example, If you click the stackoverflow "Users" tab menu...

Is it possible to get Cufon to work on a button?

So right now I'm bashing my head - at the moment we use an element for a button to give it our own custom font, fine - this works, but as we're using Cufon on the rest of the site, we're wondering if it's possible to get Cufon working on a button. So far I've changed the button to an and using standard css styles on an 'input' or 'inp...

What is a good site for checking out color schemes for websites with examples.

For instance you chose X,Y and Z colors, and then websites shows you a sort of "Ipsum Lorem" website using your chosen colors. What do you personally use to do this? ...

How can I position my userControl to the top right corner of my MasterPage?

Using CSS, how can I position my control so it always appears on the top-right corner of the browser? ...

How to access my .png from a folder using CSS?

I have a folder called "Images" inside my IDE and I want to access this file for my CSS property background-repeat:repeat; How do I "call" it? images/background.png isn't working! :( EDIT: Here's the solution showing the hierarchy. Any help? :) EDIT3: I've got this now on my CSS: body { background-color: #FFFFFF; back...

CSS Master Reset - Disadvantages?

I'm not too sure if it is refered to as "Master Reset" but you'll know what I mean. Ive been using *{ padding: 0; margin: 0; } With no real problems that I have noticed but ive heard people say that its bad practice to use something like that. So ive looked into reset stylesheets and found this which seems good. But ...

How to delete Bullets from an Unordered List using CSS?

I have this in my CSS: .MainMenu { position: absolute; top:105px; left:15px; background-color: #67E300; color:White; border-style:double; border-color:White; list-style-type:none; } And this inside of the MasterPage: <div class="MainMenu"> <uc2:MainMenu ID="MainMenu1" runat="server" /> ...

Make the Unordered List stick a bit to the left.

I have this UnorderedList: CSS: .MainMenu { position: absolute; top:125px; left:15px; background-color: #033E6B; color:White; border-style:double; border-color:White; } HTML: <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainMenu.ascx.cs" Inherits="LoCompro.UserControls.MainMenu" %> <...