The Issue For some reason the left and right borders of the li items do not touch there is about a 4-5 px gap between them. I have no clue where it is coming from... I've spend a good amount of time monkeying around in Firebug with no luck... The Markup <div id="menucontainer"> <ul id="menu"> <li...
CSS3 -webkit-transition is choking on multiple box-shadow values and text-shadow values. (Chrome & Safari) More specifically, I have two screnarios... (1) I have text has a document heading that has three text-shadows (for appearance of depth). I am also using the -webkit-transition rule to change the color of the text-shadow on hover ...
So how can I do this, using css3, mabe box-shadow? http://screencast.com/t/48LooBwz Can someone help me? I need to apply that styling to an element? Best Regards, ...
Hi everyone, the problem is that in IE7, the dropdown under "Departamentos" its cut by the banner, and it seems to be pushed to the right... This should be a very easy to fix but I have little experience with IE fixes... I try for some time but I need your help, can you check it out?? Link to the Website Thanks ...
I have an Html.ActionLink on my page and I am using the following CSS on it to give it an image and try and remove the underlining..... a.searchButton { background-image: url(/content/images/DropAcross.png); background-repeat: no-repeat; height: 16px; width: 16px; display: block; text-decoration: none; clear:...
I have a set of A tags with display set to block. Each each is specifically has a border on the right. They fit perfectly into a container. However, when the page is zoomed out using the browser's zoom control, everything but the borders scale and the layout is broken. Is there a way to fix this? This behavior can be replicated in Firef...
I defined two CSS classes that set the background to an image (shown below). One is a yellow block, and another is a grey block. .block-gray { background: url('grey.gif'); width: 15px; height: 3px; } .block-yellow { background: url('yellow.gif'); width: 15px; height: 3px; } What I want to be able to do is to define a variab...
I have a div with multiple spans inside. The spans contain text that cannot be split over multiple lines so I have set whitespace: nowrap. This does stop the wrapping within each child span correctly but also stop the parent div from wrapping the children so all spans are on a single line that stretches off the page. How do I change thi...
I am using jQuery to do the following in one function: initially I have a aboslutely positioned DIV; I set inner HTML of the DIV to some needed text/HTML; then I am showing the element at some certain coordinates using css({top: initialTop,left: initialLeft}). Everything works fine inside the left and center area of the page - I see th...
To make a short story long, I'm in charge of fixing all these CSS issues of Microsoft SP. One is the inability for the content to print in FireFox (a well known bug that Mozilla seems it won't address). So I have to create a stylesheet specifically for FireFox so the content can print. I already fixed the issue and it prints fine. The p...
Hi, in ASP.NET application, how to design the pages in such a way that they are displayed properly in both IE6 and IE8 browsers? I would like to minimise the CSS work that I need to do if there are any general guidelines to follow which will work in both browsers. I may still need to tweak here and there, but I want to reduce bulk of the...
I would like to give my creative colleagues access to the CSS through the Zotonic CMS user interface. How do you control CSS styles from within the CMS interface in Zotonic? ...
I am displaying HTML emails in a page and often those come with general style information that I need to isolate from the main page. For instance, if the email looks something like this: <style type="text/css"> body { background-color:#000; } </style> <div> email's content here <div> I end up with a black background on the whole pag...
I have a image that has 4 rectangles on it. The rectangles are (30, 50, 100, 100), (120, 107, 230, 159), (5 , 210, 70, 233), (133, 20, 328, 80) I need to figure out how to translate that to a html page using tables so that each rectangle is one cell. I solved it! Thanks guys :) I ended up using absolute positioning and divs as per s...
I see this site that has a button, when I hover over it the background changes. When I click on the button, the button shading inverts i.e. reacts to the click event. Which CSS style is this? I know :hover is for hover, but what about a click? ...
I'm using peter's excellent example for a 100% height div with a sticky footer (HERE). I've omitted the footer parts a i'm not using it. However, whenever i use a child div and try to do the same thing it doesn't work. I want a child div to also take 100% of its parent's height. Here is CSS: <style> html,body { margin:0...
Is there a way to build keyboard accessible dropdown menus on web sites? Our current web application has standard hover menus, but this really slows down our data entry clerks (who are accustomed to desktop apps where there's a keyboard accessible menu and no need to use a mouse). We figured out how to show the menu with a keyboard s...
Hello, Please see the following website (http://www.intra-interieur.be/www) in Firefox, chrome, safari, .. It works fine. Then, open it in IE (7 or 8, doesn't matter). It doesn't really work :-). You can view the source of whatever you want, but here are the important things. I think the array with text that is being replaced is causin...
Possible Duplicate: What do most users consider acceptable load times on a website? How long should a page take to render after it has been received? I'm talking about initialization javascript and css. I know this should be considered with what an acceptable overall load time should be. And, I would like to see numbers on th...
Is there a way to make the borders of an element semi-transparent? using purely css? like the modal window that facebook uses? ...