css

CSS Layout for Sidebar and Footer DIVs

Hi, Having trouble positoining my DIVs and hope someone can assist. Unfortunately, my site is not hosted as yet and so am unable to point you to it. Basically I have a container that is positioned relative that holds divs for header, sidebar, main-content and footer. My problem is with the sidebar and footer components. With my sideba...

Chrome javascript pop up window has a wrong dimension

I'm trying to open up a new window for a chat room on our site. I have the chat room's dimension set to 750px x 590px. This is the link I have to open up the javascript pop up. <a href="javascript:void(0)" onclick="window.open('http://gamersunite.coolchaser.com/message/gu_chat','gu_chat','width=750,height=590')"&gt;open chat window</a> ...

Debugging Google Web Fonts

i am think i am using similar code i used b4 but seems like the fonts aren't loading <html> <head> <script src="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold"&gt;&lt;/script&gt; <style> h1, h2, h3 { font-family: "Yanone Kaffeesatz"; color: red } </style> <...

Display an image of 1920x1170 / 183KB as BG using CSS

Hello, I want to display an image of 1920x1170 pixel / 183KB as a background image, here is my code .bground{ height:auto; left:0; position:fixed; top:0; width:100%; } <div class="bground" style="left:0px;"> <img src="Untitled-2.jpg" /> </div> It displays the image alright, but the problem is that ...

how can i chage the color of the stars on mouse hover in this js???

I got a star rating js from http://nofunc.org/AJAX_Star_Rating/ this js works with two colors only,red and blue. When a person moves his mouse on stars then the original rating gets hidden and new rating is shown on mouse move i.e. if we move our mouse on stars then we cant see the original rating unless we move our mouse away from sta...

How to resize menu bar

Hi all. I want to resize menu bar because the length and font size looks too small. I tried like below, but still no change... body { width:1300px; height:800px; overflow:auto; background-image:url("wood_texture2.jpg"); } div#menu { margin:40px 0 0 95px; text-align:left; position:absolute; font:18px; width:900px; h...

CSS class and id with the same name

Is there anything wrong with having a css class and id with the same name? Like .footer for the article/post's footer and #footer for the page footer. ...

force div to fill specified area?

what's the best way to force DIV to fill specified width? I have the following code that generates and assign width to DIV: function createLabel(str) { var textDiv = document.createElement('div'); textDiv.style.width = '200px'; textDiv.style.display = 'inline'; textDiv.appendChild(document.createTextNode(...

When 1 px border is added to div, Div size increases, Dont want to do that.

Hi, On click I am adding, 1px border to div, so Div size increases by 2px X 2px. I dont want to get div size increased. Is there any simple way to do so? Messy Detailed Explanation Actually I am adding DIVs with float:left (same size, like icons) to a container-div, so all stacks up one after another, and when (container-div width is ...

how to align img inside the div to the right?

Hello, I would like to know how to align the image inside the div on the right side? Thank you. ...

how does the browser font size decide the way our application is rendered

We have a standard j2ee application written using jboss richfaces 3.3.x. we have several style classes to decide the size of the font family and size. Some of the end users who use our application have their own font settings (in Mozilla under Tools-->Options-->Content-->Default Options-->Advanced. It has the checkbox "Allow pages to ch...

Is it possible to mimic sliding doors technique in CSS to have buttons without images

We use the sliding doors technique in CSS with sliced background images as mentioned here to create buttons which are oval shaped and have the color change and press down effect. Would it be possible to do something simmilar just with CSS but without using any background images. ...

I want to scroll without a scrollbar (in a table element/cell)

I'm building a Seam application and we've been using Richfaces for the front end. In my application, I have a rich:dataTable, and in that dataTable, I have a column in which the values are longer than the column width. What I would like to do is to be able to scroll in that table-cell.. without having to use the scrollbar. For exam...

Overriding css for a specific div?

Hi i have a a:hover for all my links on my page: a:hover { background-color: blue; text-decoration: underline; color: black; } but but there are specific ones in a div that i don't want anything to happen when you hover over them, so can i do something like this? #what_we_offer a:hover { background-color: none: text-decora...

floating menu css problem with IE8

This CSS works perfectly in Firefox but not in IE8. .toc { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:black 1px solid; color:white; max-height:50%; max-width:25%; overflow:auto; paddin...

CSS: make fieldset legend bold on hover WITHOUT moving the div below it?

i have a fieldset with a legend. i want the legend to bolden when hovered, however, it shifts the content below it a few pixels down (which is kind of annoying). how can i fix it? here are their stylings: fieldset { border: none; border-top: 1px solid; } legend { font-size: 16px; } .collapsable { cursor: hand; curso...

Configure path to images in CSS for dev and production environments

Hi folks, I'm currently developing a website and I have my local environment which is hosted on an XP box with IIS 5.1. I'm using ASP MVC2 and .NET Framework 4.0. What I want to know is, if there's a way to "configure" in web.config (or any other ways) a path for all my images so that when my CSS uses url() it automatically knows w...

Strange behavior of li backgrounds on hover in Internet Explorer (IE)

So I have a simple flickr image feed on http://cure.org/ just above the footer. The feed is contained in a relatively positioned div, with an ul inside, and li that contain the <a> and <img> inside. The img is absolutely positioned inside the relatively positioned li, and the li has a background to give a photo border effect. The proble...

Hover submenu in IE6

Hi, I am developing web with wordpress and have a problem with it's submenu. The problem is that it doesn't appear with hover on IE6. There must be something wrong with css, i guess. Any ideas? Is this possible to be done without javascript? as i understand the problem is with #access ul ul { display:none; } as i delete it, it shows all...

Can't get vertical align to work with img tag inside of a list

Pretty basic question - I can't seem to vertically align an icon inside of a list. My css looks likes this: #top_content img { float: left; } #top_content ul { float: right; } #top_content li img { vertical-align: sub; } #top_content li { list-style-type: none; display: inline; } #top_content li a { text-decoration: none; color: ...