Hi all, just wondering if there is a better way to write this CSS? It repeats quite a lot, this is a simple example, does it have to be this way? <style type="text/css"> div#leftBlock { position:absolute; z-index: 1; } div#rightBlock { position:absolute; z-index: 1; } di...
Hi, I have a simple <input type="submit" value="Search"> submit button. In the CSS i have styled it with input[type="submit"] and input[type="submit"]:hover so it changes its background by default and when hovered. Is there a way to change its background when clicked? ...
Is there a simple way to count the number of lines of a display:inline-block element? I need to know how may lines the child elements are arranged into. Thanks! ...
I have a problem with jQuery and @font-face. I need to work out the height of a <div>, which works fine, but then there is a small delay for the fonts to load and as soon as they do, the @font-face fonts were actually bigger than the fallback fonts, so the height is smaller than it should be. I have tried using Modernizr, but that is n...
I have a horizontal CFMENU inside of a DIV, and in IE7/IE7/FF/Chrome, the menu is floated to the right, as specified in my CSS, but in IE6, the menu shifts to the left of the DIV that contains it, and it's width expands beyond the boundaries of the containing DIV. I've included all the applicable HTML and CSS below: HTML: <body> <...
I have the following CSS definitions: .detailsCollapsed { display:none; height:0%; width:100%; -webkit-transition:height 40s ease-in-out; } .detailsExpanded { display:block; visibility:visible; height:100%; width:100%; -webkit-transition:height 40s ease-in-out; } These are applied to a div with some...
We have a iamge banner on our web page that is a gradient that is repeated on the x-axis. The problem is, if our content on our web page (which is dynamically created based on data in our database) spans a width greater than the window width, then our banner no longer spans the entire width of the document when scrolled. Anyone know how ...
Hello, I'm using a jQuery Tooltip and a jQuery Slider (jQueryUI) at the same time. The slider works fine. But after scrolling tooltips are displayed at a wrong position (download screenshot or source). I guess it's because of wrong CSS … Why are some tooltips not displayed at the correct position? Thanks Johannes <script src="http:/...
Big bold caps-lock TL;DR: I KNOW HOW SELECTOR SPECIFICITY IS DETERMINED, I THINK IT USES FLAWED ASSUMPTIONS AND I CAN BACK MY IRRITATIONS UP WITH VALID SET THEORY RELATIONS, PLEASE DO NOT RESPOND EXPLAINING W3 CALCULATION RULES FOR SPECIFICITY, PLEASE READ THE QUESTION <- read that. This has bothered me for some time, when I write a st...
Hey guys, I'm creating a website with ASP.net MVC 2.0 which uses two different languages (English and Persian). what I want to is I need two have different layouts for these languages, English has a left to right and Persian has a right to left layout. What came to my mind was, if I could have two different css files like when you do i...
Hi guys I am trying to setup a menu with sub menu that contains ul. My question is how to remove the sub ul menu background image that inherits from the menu ul. I appreciate any help. Thanks a lot! my html <ul id="menuBar"> <li id="test1">test1</li> <li id="test2"><a href="#">Pro1</a> <div class="subMenu"> <ul> ...
I like to display a div at width, say 900px initially and when the browser window shrinks below 900px, the div shrinks with it. I like to do this without using Javascript. I tried adding min-width:0px to the div but it didn't help. ...
I'm trying to make a div with a static height and variable width. With multiple horizontal tabs. The active tab should stretch horizontally to fill the container and the inactive tabs should shrink back down to their inactive size (24px in this case). I can't quite get it to work. The tab stretches, but too much. It bumps the tabs afte...
Is there a way, using CSS, to show borders in a table between columns only (not on the outer edges)? ...
I need to show "x" number of cateogories in a menu (basically a hidden div that pop up when someone clicks on a nav menu called "Category"). No problem with the div, but I am struggling with arranging the categories in any form of order inside the div. I don't want it to be a single column list an stretch all the way down to the page, so...
I have four buttons in an HTML form. Here is the HTML: <div class="fileinputs"> <input type="file" class="file" name="uploadedfile" /> <div class="fake...
Hi guys I am trying to make CSS drop down menu (no javascript involved). According to http://pixelspread.com/blog/289/css-drop-down-menu I only need to add #menuBar #test2 a:hover .subMenu{display:block;} to make the sub menu show up. However, in my code, it doesn't work. Could someone help me about this issue? Thanks a lot! ...
I have menu.php, and in the <head> section of menu.php, I have menu.css as a link rel tag of course, both of which work perfectly fine. Since menu.php is a 'menu', I've required it on pages that need a 'menu' in order to navigate around the website. However, whenever I require menu.php on a page that has its own CSS stylesheet, menu.php...
Hi guys. I am trying to make drop down menu. Some folks help me on http://stackoverflow.com/questions/3314198/css-only-drop-down-menu post. Everything works fine except when I hover my mouse to my submenu. The hover state background image in my #menubar #test2 a:hover will return to #menubar #test2 a state` . I really need to get th...
This is not the apparently-common question about how to put text over a background image. I have a background image that I want to work as an overlay -- it should be over the text. For simplicity sake, placing another div over the existing div and giving that the background image is much more difficult. Is it possible for a background ...