css

css hacks (tricks)

sometimes when i see a website i like or sites from respected people, I see the source codes and try to understand them (as we all do) on Jeremy Keiths site he uses the following code: [role="navigation"] a { font-weight: bold; text-decoration: none; } I have never seen this before, and few other times i see code (which is considered...

Why do the last 3 <a>´s in the left menu not fill their containing <li>´s?

http://www.briligg.com/toll.html The last 3 list items in the text section only show as links when your mouse is over the far right side of them. That is the only place that triggers the :hover background color change, too. The first 2 work fine. The css validates. There are a bunch of validation errors in the html, but nothing signifi...

Brower Scroll cuts off content

I created a simple example to illustrate the issue I am having. It seems that if I have a DIV set to a specific pixel width, then resize the browser smaller until the horizontal scroll bar appears then scroll to the right, the content is cut off. Or at least some of it. http://www.artworknotavailable.com/examples/cutoff.html Am I miss...

Div scrolls under fixed image

Hi All, I've got a problem. I've got a fixed image in something what is a header. I also have a div. The div has to scroll. But it scrolls under the fixed image. Is there a fix for this problem? Or a workaround?? ...

CSS :last-child

Hello! I have a div#content with many div.item inside it. When using :last-child to make the last div.item with no border-bottom, it's OK. But, as the content is dynamically appended using php and mysql results I'm using a conditional pagination table that will be appended after the last div.item which means at the bottom of the div#cont...

opacity propagation

Hi, I've got a problem. I want a transparant background for the content div. But not all content in it. I can't get this working: <div class="notTransparant"> <div class="transparant"></div> content </div> Is there another work around?? ...

css div problem

Hi, I have this type of arrangement ...<td> <div></div> <div></div> <div></div> </td> The div tags are filled with dynamic data. I have put the div tags in the td cell because the center div is filled with an image, which can be different heights. What I am trying to do is get the top div to align to the top...

Why is ASP.NET MVC asking me to re-authenticate for .PNG files but not .gifs or .jpegs?

What am I missing here??? For some reason, anytime I reference a .png from my application.css file I get prompted for credentials. BUT, I can reference .gifs, .jpegs, etc... from my images directory no problem. Routes are set up right now like this ... public static void RegisterRoutesTo(RouteCollection routes) { routes.Igno...

What will cause a site to look and act OK in IE but not in Firefox?

I realize this question is the reverse of most of this sort. In other words, things "look great" in Internet Explorer, but look crappy or don't work at all on Firefox/Chrome/etc. I have a .NET web application. When it was first designed/built back in 2003, for several reasons that are no longer relevant, the app was built for IE-only....

how to stretch an image in background css property

I am displaying a logo on in my header with the following css property: background: url("images/ogo_b_s.gif") no-repeat scroll left top transparent height: 92px; width: 300px; problem is that my original image is of high quality (4325 X 1450). However, for this image to fit in the above css width and height, I have to scale the image...

CSS and <input type='file'> - Discussion

I want to change the style of my input and browse button for uploading files on my website, and have been reading how this is virtually impossible to do. There are apparently a couple of hacks that may work (not tested) but before I waste time on them I have questions on why professional sites seem to have no problems with it. When I sa...

What's wrong with my menu background image?

The web site is here. See that blue bar behind the menu items? It's 40 pixels high and one pixel wide, and used as a repeating background - so, why does it look strange after the right-most menu item? The image is here, if anyone needs it. The image is used thusly: .menu_bar { background-image: url("http://leonixsolutions.com/imag...

Simple HTML/CSS positioning question

Hi, For some reason I think I'm forgetting something here. Below is my code: <style type="text/css"> #content { width: 400px; height: 100px; background: orange; padding: 10px; } </style> <div id="content"> <h1>what</h1> foofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofoofo...

How do I disable hover for a link ? I'm using li:hover

I'm trying to disable the hover functionality for a menu. I want it to be enabled only under certain conditions. I've tried using $(".ulColor").removeClass('hover');, but that hasn't worked The CSS code for enabling the hover is : li:hover ul, li.over ul { display: block; } Here is the HTML DIV inside which the menu resides - <div...

What are the best books for learning HTML 5, CSS, and PHP?

Possible Duplicates: List of freely available programming books What is a good HTML5 book? What are the best books for learning HTML 5, CSS, and PHP. I am trying to learn as fast as possible and as best as possible. Would books would you recommend for a complete beginner? I have a book on html but it's like 4 years old befor...

Problem implementing CSS Sprites

This is my image:- http://www.flickr.com/photos/50525207@N02/5064283850/ CSS n html Now the problem:- When I hover over links the same image appears when I want different parts of the image to appear. Also the other links shift when I move mouse over one link. What I want is this:- http://www.flickr.com/photos/50525207@N02/5063686801...

css help I need to float two text areas next to 4 inputs

This is the mark-up I have to work with, The form is created via a wordpress plugin so I do not have control over the HTML, <div class="wpcf7" id="wpcf7-f1-p214-o1"><form action="/testing/contact-us/#wpcf7-f1-p214-o1" method="post" class="wpcf7-form"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="1" /> <inpu...

How do I style radio buttons with images - laughing smiley for good, sad smiley for bad?

I would like to create an HTML form for user feedback. If the overall feedback is good, the user should click on a laughing smiley, if the overall feedback is bad, the user should choose a sad smiley. I think this should be done using radio buttons, with the smileys instead of the radio buttons. Maybe I'm wrong though... Do you know ho...

Absolutely positioned links shifting to unexpected position on click (a:active)

I have a couple links on this page (http://tuscaroratackle.com) that are ending up at unexpected positions in their :active state. The links are absolutely positioned, so I'm guessing the issue is partly due to that. But I can't figure out what rules are getting applied on :active to make them shift down and to the left so far. I do have...

How to give active menu item different styling

My menu is a bunch of links which I then use CSS to style as buttons <div id="menu"> <a href="" class="mybutton">Item 1</a> <a href="" class="mybutton">Item 3</a> <a href="" class="mybutton">Item 3</a> </div> When a menu item is clicked and is active, what's the best way to style it differently? Do I use jquery or javascript ...