css

.NET MVC: How to implement different page appearance per user?

I am running out of ideas here. Maybe you can advice me what pattern or method(s) to use. User should be able to log in and change the appearance only for his/her profile. The difference (AFAIK) with personalization is that personalized layout are seen only for the editor (him-/herself). The difference between skinning, I guess, is that...

Styling CSS Html Form Drop Down?

I have a drop down html field holding a ton of data (http://screencast.com/t/YzU4N2Y1ZGI) and What is the css div logic to style these (http://screencast.com/t/MzMyMGUyYjEt)? Any help would be greatly appreciated! ...

CSS container doesn't stretch to accomodate floats

<html> <head> <style type="text/css"> .container { width: 900px; border: 2px solid #333333; padding-top: 30px; padding-bottom: 30px; } .container_left { border: 2px solid #FF00FF; width: 650px; float: left; } .container_right { border: 2px solid #0000FF; width: 225px; ...

Any advice for developing for Chrome?

I have a site that I used making CSS,HTML,javascript,Jquery,and PHP. I have made it work on all known browers (IE,FireFox,Safari,ETC...) All of a sudden chrome came out and I looked and my site is jacked. I know this is not a very detailed question but I am just looking for a little guidance for any resources,tips,suggestions on how to...

CSS, Selector, table

Hi, I have a question, I what to hide from CSS column number 2 and 4 from the table . Can I detect that columns from CSS. Thanks !! ...

IE specific display error - jquery tabs

I'm using the Jquery tools tabs and all my tabs are working except for one specific page. It shows the tabs and the panes, except the last two panes show up below all of the tab panes - but only in IE (using 8) .. instructions to see the error: go here: http://racedayworld-com.si-eioswww3.com/event/list Login as: kevin.desilva@gma...

Unordered list navigation - horizontal, fixed width and word breaking

I'd like to use an unordered list for displayign a horizontal navigation. This nav has to be a fixed width. Markup: <ul id="page-nav"> <li><a href="#">RRSP Basics</a></li> <li><a href="#">Contribution Rules</a></li> <li><a href="#">Ways to Fund Your RRSP</a></li> <li><a href="#">Investment Options</a></li> </ul> And...

Blueprint: Push column partially in to another column

Is it possible using Blueprint's push-x and pull-x classes to create an overlapping column that is half in one column and half in another column? Here's an example: +-------+-----+-------+ | | | | | 1 | 2 | 3 | | +-----+ | | | | | | | +----------+----------+ I ...

a span floated right within a div - why a new line in IE?

I have 1 span within a container div. I want the span floated to the right. The content within the div and the span should be on one line. In Firefox, that's how it displays. But in IE, the span is displayed on a new line: http://i48.tinypic.com/etzg5f.png Why do the browsers display the content differently? ...

Sizing div to fit a child span

Sorry if everyone has already seen this over and over, I'm sure I've done it before but can't remember or find how! I've got a parent div tag containing a series of span tags to position a series of elements in line with each other - to clarify, the 'in line' is critical and this is just a single row, multiple sequential rows are a requ...

padding-right for display:inline elements in IE6

In IE6, display:block with a colored background color extends that color to the far right side of the page. Changing to display:inline fixes that problem, but the color now ends immediately after my last character, despite the fact that I have specified padding-right: 1em in the CSS. padding-left is working, but not padding-right. Any...

css div not able to be displayed above other

I essentially have two div tags I'm dealing with. On this page - www.employeratlas.com/search.html - when you click on any of the four tabs that tab has a border around it. The idea is that the border is black on the left, right, and top, and is white on the bottom to cover up the border of the div below it. This works fine in everyth...

Yahoo.widget.Editor - How to configure font size of text.

I am using the YUI Rich Text Editor (YAHOO.widget.Editor), and I got it working fine, except for one thing. I cannot figure out how to configure the font size of the text that I type in the editor box (input type="textarea"). I want that text to be 150%. I know that I need a CSS rule of the form: some-YUI-related-selector { font-size:...

It seems a browser ( or is it visual studio? ) is caching a stylesheet and thus any changes I make to...

Hi I’m using a stylesheet as part of a theme and it seems that both IE and Firefox ( or perhaps VS express edition) are caching this stylesheet, since any changes I make to a stylesheet ( such as changing attribute values etc ) aren’t reflected on the displayed page. Any idea how to prevent browser or visual studio from caching this ...

Part 2. of developing for Chrome

I have made the lovely discovery that Jquery corners are not working on Chrome. Any solution for that? I just figured out that when I turn of my config.js file that holds this (rounded corners functions): $(document).ready( function(){ if(navigator.appName!="Microsoft Internet Explorer") { $('.round_10px').corners("10px"); ...

Right nav drops below content; some browsers

Hi I have a strange problem. I have this site http://techavid.com/infogroup and within my interior(not homepage all other pages) pages there is a right nav. When the page loads the right nav drops below the content, but when I refresh the page the right nav fixes it itself (Firefox 2 especially). Anyone ever seen this before and wha...

How can I make a DIV take up the rest of the height of a container div?

Hi All, I have a div with two nested divs. The first child has varying height depending on its content, I want the the 2nd divs height to be whatever is left over from the parent. <div style="height:500px;"> <div>Some Content Here</div> <div>This div needs to take up the rest of the space of its parent</div> </div> How can I do...

Getting some weird results when nesting Login control inside absolutely positioned element

Hi Login control is nested inside the div element. aspx file: <div id=”parentE”> <asp:Login ID="Login1" Width="100%" runat="server"> </asp:Login></div> CSS file: #parentE { position: absolute; top: 16px; right: 300px; width: 60px; ...

Vertically center elements in CSS

I have two elements side-by-side. Element 2 is smaller than Element 1. Both elements do not have a fixed height. I need to vertically center Element 2. How do I achieve this using CSS? Edited: This is what I have so far: <div id="container" style="width: 100%;"> <div id="img1" style="float: left;"> <img src="image1.jpg...

Vertially aligning a DIV on the entire page

I have found a few techniques used for vertically aligning a DIV on the page, most of them outlined here: http://blog.themeforest.net/tutorials/vertical-centering-with-css/ But, the project I'm working on now heavily uses Javascript on a DIV aligned in the vertical center of a page. Does anyone know a method (preferably not Javascript ...