css

How can I create a div which resizes with a window?

I would like to create a div using css that resizes with the window. Example: #container { margin: 3em; } #header { height: 100px; } #main { } #footer { height: 100px; bottom: 0px; } container header main footer So when I resize the window, I want main to resize w...

Overlay background image onto background color

Hi! My website (http://www.webbuddies.co.za) works perfectly, but when viewed at 1280x1024 resolution, there's a bit of white visible at the bottom of the page that I'd like to get rid of. The background is a gradient image and rather than recreating the image, I want to just change the color of the background to match the bottom of the...

Which is better: SASS or dynamic css with aspx?

I have a doubt that came up to me just today. I've read Sass website and tried a bit of things and I think it's great. Very flexible and powerful. However it was kind of a hassle when using it in Windows because I had to install Ruby, run the sass watch command everytime so it added more steps to my development environment. To me, the gr...

Is there a better alternative to Line Break

Hey guys, Sometimes after a <div> class the next line comes on the same line and I need to put say 10 <br> to get it to the next line. Is this okay or is there an alternative to this? Everything works out fine, it's just that I need to put 10 <br>. Is this normal? Thank You GOT IT TO WORK USING CLEAR:BOTH. THANKS. ...

Anchor <a> alignment off in IE8?

We have three anchor tags. When all on one line they display correctly in IE8: But when you separate the anchor tags onto separate lines for better code readability they do NOT appear correctly (there is a random extra "e" character and the alignment is off): Any ideas? ...

CSS link display issue in Chrome and Safari

I'm having a CSS issue that only occurs in Safari and Chrome. I have a set of styles for links in the content of a site that I'm working on. Visited links should appear a different colour and with a dotted bottom border. In Safari and Chrome the visited links lack the bottom border though, although all other styles are applied. Does anyo...

Dynamically change onmouseover or onmouseout to call a different function

Is it possible to change a function that is called by an existing onmouseover or onmouseout event? For the following example is there a way for me to have ChangeItemAEvent change the "ItemA" onmouseover function from ChangeColor() to ChangeColorBack()? Currently I need to declare an entirely new function() that I feel is not elegant bec...

JavaScript - onmouseover modify previous element css height

I have two divs, whose heights I would like to control relative to each other. The point of these divs is that when a user mouses over one of them, it expands vertically and the other retracts vertically (smoothed with CSS transitions). Basic markup: <div class="product"> <h2>Product Name</h2> <div class="preview" style="backgr...

ASP.NET - IIS 7 - DotNetNuke - How do I force browsers to reload the site's CSS?

I have run into the problem where my css files are being cached in browsers. This is a fairly common problem, and a common solution is to simple add a version number in the url to the css file. Example: MyCSS.css?ver=1.12 However, I'm using a custom skin for DotNetNuke which forces the usage of the file: skin.css I don't have a way to ...

Space between div and img?

Hello, I have code like this: <div id="sc"> <h1>1. Orange</h1> <p>some text in here </p> </div> <img class="separator" src="images/separator.png" /> There's ALWAYS 13px gap between the "sc" div and "separator" img. Margins and paddings for bo...

How do I link to an external stylesheet in Ruby on Rails?

I'm trying to link to the YUI reset stylesheet in my RoR layout using the following statement... <%= stylesheet_path("http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css") %> but this path is being echoed on my page instead of being applied. I got this syntax from the the rails docs. What am I doing wrong? Thanks! ...

Image wrapping. How to keep on one line

I have the following code but the image is wrapping below the input box. What am I doing wrong? <input type=text name='test" /> <div style="float:left"><img src="test.jpg" /></div> ...

jQuery UI Themeroller Question

I just created a custom theme at http://jqueryui.com/themeroller/ and downloaded the theme. Now how do I get started and implement the CSS? ...

How should the dotted border on clickable images be removed?

Client does not like the dotted border. I like to leave it there for accessibility reasons. :/ I guess I have to though because the client asked, how would I? ...

How to install a Font in server

Hi, I have downloaded and installed a font in my system, then i used this font in my project, its worked fine in local system, but when i upload this page to server its not working. How can i install a font in server? or How can i solve this issue? Please Help me!!!! ...

How to understand CSS3 3D Transform Perspective

I am testing CSS3 3D Transform in Safari, but I found that the 3D model is far from my knowledge. After consulting the Holy W3C Document, i discovered all transform rules in CSS3 will be translated to transform matrix which is similar to the one used in SVG standards : http://www.w3.org/TR/SVG/coords.html#TranslationDefined OMG, I am no...

Min-Width not working

I have a topButtonbar which i have put inside a container whose width is 100% so as if in near future i need more buttons more can be added.... My button are inside a container namely TopButtonbar which i have kept at min-width:243px; and floated it on left. The buttons with in it are all floated right so as to make button position just...

problem with z-index on ie6

Hy, I run for several hours on a bug ie6, it was not the only one that I was locking it remains only to solve this one and I would finally be quiet. I have a vertical menu that I built, the problem is that the second level menu does not overlap with that of the first level despite the z-index. Under FF is impeccable, in ie6 it fair. ...

How do I fix the button's position ??

<table> <tr> <td> <div style="margin-left: 220px;"> <asp:Button ID="btn1" Text="Edit" CommandArgument='<%#Eval("UserID") %>' CausesValidation="false" CommandName="Edit" Visible="false" runat="server" /> </td> </div> <td> <div style="margin-left: 370px;"> <asp:B...

how to make div in top of all other control

i want my div to show in top of every thing i put 100% for width and hight and it show above alot of contorl except some have css z-index and other things i try to put my div z-index big number but did not work { width: 100%; height: 100%; top: 5px; left: 0px; background-color: #FFFFFF !important; padding: 10px; ...