Is it possible to make a pure CSS Tree diagram?
I've made an attempt here. However, it has two problems: IE Last element of a list being a sublist Is there a better way of doing this? ...
css
How can I make a position:absolute; div inside a position: relative; div work in a layout centered by margin: 0 auto; ?
I have a centered layout using margin:0 auto;, but one of my child divs isn't positioning itself absolutely (relative to its parent). The page looks fine until the window is resized. Then the child div gets pushed to the very right, and the top image (in another div) gets clipped. What code changes do I need to make? Here's the CSS: ...
multiple css rules or jquery
here is some "normal" code for sprite menu #menu li a { background:url('../layout/menu.jpg') no-repeat; display:block; text-decoration: none; width:100%; height:100%; } #menu li.m1 a{ background-position:0px 0px; } #menu li.m1 a:hover{ background-position:0px -55px; } #menu li.m1 a.selected{ background-position:0px -55...
Flexible CSS boxes with texts.
Hi, I'm trying to accomplish something thats kinda like in engadget.com (look below "TopStories") Except that those boxes are with images and fixed width. The top-left is with the largest width, top-right is smaller. Lower boxes are of equally fixed width. They are Static! which is just not what I want. I wana create a a newspaper eff...
Inline border-top with CSS?
I want to make a button like this: ----- |+++++| |TEXTT| | | ----- How do I get the ++++ border? My current code: .toolbar-top a.button, .toolbar-bottom a.button { display: inline-block; margin: 7px; padding: 0px 9px; height: 28px; line-height: 28px; /* LINE 8 */border: solid 1px #525356; -webkit-border-radius: 5...
Centering large Images vertically in a smaller div
I have a problem thats driving me a little insane. I have a small div that contains a larger image (of no fixed dimension) Im taking this larger image, and giving it a width of 100% to scale down to fit within the boxes boundaries, but I need the image to show up vertically centered inside the div rather than just top down. Is there a...
Hover, Pressed and Active States Not Showing for 1 Button In Nav Bar
I have a CSS-sprite-based Apple-themed navigation bar, which you can view here: http://www.marioplanet.com/index.asp Now, for some reason, I cannot tell why, there appears to be a problem in the hover, pressed and active states of the "Home" button. For some reason, it just appears static. This file, http://www.marioplanet.com/css/na...
jqueryUI autocomplete suggestions misplaced in Chrome
I'm editing the entire post to show the problem: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" href="./jQuery/jQueryUI/css/ui-darkness/jquery-ui-1.8.4.custom.css" rel="stylesheet" /> <script type="text/javascript" src="./jQuery/jquery-1.4.2.min.j...
Right align a table in firefox help, how can I support mulitple browsers
Good Afternoon All, I have a table inside a div. The div has a style rule text-align:right;. I realize the element is a table and not text, but nonetheless, I need the table to right align in FireFox. I stumbled upon -moz-right which does the right thing in FireFox, however this breaks every other browser, i.e. the table aligns left as ...
Show content in title when text-overflow
CSS3 introduces text-overflow so you can hide overflowing text and even add ellipses. If the text is overflowing and hidden, I would like to show it as a tooltip when hovered. The easiest way to do this is to add the text to the title attribute of the element. However that will make the text show whether it is overflowing or not. I o...
Jquery .scroll display:none; not working
CSS #acc-close-all, #to-top { position: relative; left: 951px; width: 29px; height: 42px; margin-bottom: 2px; display:none; } #acc-close-all a, #to-top a { position: absolute; float: right; display: block; height: 42px; width: 29px; overflow: hidden; display:none; cursor: pointer;...
Hidden element causing scrollbar to appear when window goes below a certain width
I am having the weirdest problem. I'm trying to make a page that fits a resolution of: width: 640; height: 960; for the iphone. But there is a hidden element that I can't access with the Developer toolbar or Firebug that is adding an extra 100pixels to the right of my page. I've set the correct height and width for the html, body, an...
Can CSS div height 100% with liquid parents work?
So if the parent div's height is 100% then you can set the child to 100% and it will work. But if the parent's height is decided by content then the height attribute doesn't seem to work. Is there a decent workaround that would work on most browsers? <html> <head> <style> #content img { display: block; } #left { float: left; }...
can you have cellspacing between the rows in a html table without having it for columns
i am looking for a solution for having cellspacing between each of the rows of a table but not between the columns. is this possible ? ...
Making numbers display at the top of the HTML table cell they are in
Hello, I am using a two-column HTML table to display a list of rules. One column has the rule's number, and the other has the rule. The rule's numbers are displaying near the bottom of the cells they are in. How could I get them to display at the top of the cells they are in? Thanks in advance, John Sample of the table code: ec...
What is the most light weight lightbox jquery plugin?
Hi, I have been looking around, but I was wondering whats the most light weight lightbox plugin. One that does not really lag when it opens, animation is present, but minimal. I need one that can handle inline divs as well as ajax calls. Is it simply better to make your own? Thanks guys. ...
How to display 3 boxes in the same line?
I am trying to design a page using CSS and I need to display three boxes in the same line. I used three div's and have added float:left to the first, margin-left:8cm; to the center and float:right to the right. The left and center box are perfectly displayed but the right one goes to the next line. I even tried adding margin-left:16cm;...
Google CSE - Hide Refinements for google stored CSE
I have three websites using Google CSE. On two of the sites, I want the search refinements tab to show up. On the third site, I want to hide the refinements tab. The overall search results appear in an iframe, so I don't know how to effect the css in it. I believe I am using the "Google Stored CSE" approach to displaying results, w...
jQuery selector: How to select by CSS styles
I'm trying to find all the parent elements that have the CSS style display:none. I can't seem to get it to work though. Here's what I've got: var $parents = $(...).parents("[css=display:none]"); ...
Always on top html block for iPhone
How can I create a DIV block that always stays at the bottom of my page? When scrolling more content should show up right above the block. The only solution i can think of is to use 2 iframes but I prefer using CSS. Update: The solution needs to work on iOS ...