css

fit container height to layered content (to visible layer)

I have a div, the container and few other divs inside - the layers. Visibility of layers is switched dynamically with JavaScript. I want the container to fit its height to visible layer when switching between them, but also when we are zooming the page in or out. Generally I want to create a page that instantly loads all of its contents...

Z-INDEX HELP to bring link to front.

Okay so i have a nav bar on top of the webpage and on the nav there is a log in link. but i have another login link and i have set the css so that it would be perfictly above the nav but the nav bar is above it even though i set it to z-index 444; and the bar is 443 HELP PLEASE THANKS IN ADVANCED. CODE: <!DOCTYPE html PUBLIC "-//W3C...

Custom(ish) jQuery accordion menu buggy in IE7

Hi, I have an accordion style menu which seems to be working fine in IE8, Firefox and Chrome (although it probably isn't as smooth as it could be), but in IE7 or IE8 Compatibility mode, it seems to be totally erratic, and I'm at a loss as to what the problem is. Can anyone offer any pointers? The site is here Thanks in advance for any h...

Side by side Divs with dynamic content

I am generating an outline dynamically by creating panel and labels in ASP.NET. Each node in the outline has an outline number, and outline text, which come from a database defining nodes in a children/parent kind of structure to define the outline tree. For each entry in the outline, I'd like the left div to contain the outline number...

make background image to link.

i am using this jquery iviewer i want to link these image thumble to another link. can i use image map for this or any other way to make image thumble to link. these are really add with full image. ...

multiple float lefts will not float under each leaving ugly white space

When using the following html example: <div style="width:50%;float:left;"> test1<br/> test1<br/> test1<br/> </div> <div style="width:50%;float:left"> test2<br/> test2<br/> test2<br/> test2<br/> test2<br/> test2<br/> </div> <div style="width:50%;float:left"> test3<br/> test3<br/> ...

CSS Menu Problem in IE...

Having a problem with CSS Menu's in IE. It's my first shot at CSS Menus, so of course there's going to be mishaps. :) It is supposed to display the list items below the list header, but instead it is display it to the right. It shows up perfectly in Firefox, but (of course) not in IE. What happens (IE): http://vvcap.net/db/7Ti_aj74IaQ...

Size element so it is exactly as tall as it needs to be to not scroll

Size element so it is exactly as tall as it needs to be to not scroll I am working on a tool to allow creating small "notes" that I then turn into Ext.Draggable items. What I would like to do is to have these items be sized no taller than they need to be. The elements are absolutely positioned: set position: absolute with top and left a...

css: table height won't cooperate

Hi, I can't make a table I've 'embedded' in another div arbitrarily tall/short: #header table.rates { float: left; width: 210px; border: 1px solid black; border-collapse: collapse; padding:0; margin: 5px; font-family: Verdana, Helvetica, Arial; font-size: 10px; } #header { clear:both; float:left...

align icons with text

What's the best way to align icons (left) and text (right) or the opposite text on left and icon on right? Does the icon image and text have to be the same size? Ideally I would like them to be different but be on the same vertical alignment. I am using background-position css property to get the icons from a larger image. Here is how...

CSS float wont work?

Check this picture: Now explanation: the RED circle is how i want the menu to be.. horizontal to the logo, but mine turns out like the green marked, the menu is "under". And i think float function is the only way to do something like this(?) but it doesnt work, it wont float.. #top_menu { height: 20px; color: #333; position: relativ...

How to display HTML page independent of different resolution in Droid or Android

I have one simple WebPage trying to display on Android Phone. The background image is 320 X 480 and two section of centered text paragraphs. But the rendering of page is totally screwed up in Motorola Driod Phone. Does anyone know how to fix this display problem? I mean to display it properly on both HTC G1/G2 and HTC Droid Phones. Thans...

ASP.NET MVC User Control - Where to put the CSS specific to a control?

I am getting ready to code a bunch of ASP.NET MVC User Controls. All those controls are UI and require CSS. What are the best practices for that? Should I have one gigantic CSS file with the code of all controls? Ideally, I would like each control to have their own CSS file. Is it possible to do that? Thanks! ...

How to automatically update or compress a CSS, JS and HTML file every time I save its "source file" in Vim?

I wanted to minimize or compress CSS, Javascript and maybe Html files like Google does. Because, I used Google's Page-Speed and it recommended me to compress files. It provides me the compressed versions but I would like to do this automatically.I don't want to deal with 2 files every time I want to edit something. So basically, I want t...

Help styling a menu control in Asp.Net

Hi, I'm trying to put a user control together which will contain a menu control. what i have is a menu that is horizontally oriented, and using 4 gifs as the individual menu items with about 10px of spacing between them. So far easy enough, but what i need is to swap out each gif on hover over. im pretty sure the menu control doesn't sup...

WordPress Search Box + CMS Queries

Hi, Hoping someone can assist - I'm currently developing a website in HTML/CSS that will eventually be converted into a WordPress CMS - this is the first time I am attempting this and have a few queries regarding this: 1) Within the current site I am developing, I want to have a "Search" box feature by where the user can search on any ...

Change background of some ClanderItem item in Lift/Scala.

Hi, I'm trying use Lift and CalendarMonthView widget to build a appointment system. CalendarMonthView works with Lift very well, but I have a problem that could not change the style of some CalendarItem that displayed on the calendar. According to the API document, I use the following code to change the css class of certain CalendarIt...

CSS Element 100% of Parent

I'm having difficulty getting a 100% page height including contained divs. What seems to happen is that the inner div expands to 100% the height of the entire parent element, and not just to the bottom, even if it's been displaced by an element above it, so the child overflows the parent. <?xml version="1.0" encoding="UTF-8"?> <!DOCTYP...

Have swf video link to new page with html/csss?

so i have a swf with a simple animation- the div used to contain it has a border that changes color when you hover- i want the whole thing to link to a new page when clicked- but right now it only works when you click on the border. heres what i have so far (a href="http://" class="noDecoration" ) (div id="ink" class="galleryBox" ) (/...

Was is the right value to set the border property in CSS to remove it?

I've just noticed myself using both border: none and border: 0 to reset a border in the cascade. Is there a One True Way™ to reset a border that has already been set? ...