css

Friendly url rewriting with php & .htaccess. Difficulties with relative links to css images & js

Hi there, I've currently an url like that : play.php?place=idplace&event=idevent I've enabled friendly url this way : RewriteEngine On RewriteRule ^([a-zA-Z0-9_-]+)$ play.php?place=$1 RewriteRule ^([a-zA-Z0-9_-]+)/$ /play.php?place=$1 RewriteRule ^([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)$ /play.php?place=$1&event=$2 RewriteRule ^([a-zA-Z0-9...

Table coming on the Top of Div .how to bring the Table down

I have a div in the html and after the Div and i have another div which contains the HTml table Which is coming on the top of div .How to bring the table down . <div id='testupdate2' >Mynumber: ". $num." </div> <div id="test"> <table cellspacing=0 cellpadding=0 border=0 width="100%"> <tbody> <tr> <td id="He...

Change CSS Class of All previous <li> when i hover some other item.

Hello guys, what i need, might be quite simple to do with jQuery, I just suck at it :/ I have this Unordered List list of years, what i want to do is, to change ALL css classes of the previous List Items when I Hover another item. For example, in this image below, if I place the mouse at "1904" I want to change the css class of 1901, 1...

CSS not equal selector

Is there's something like != (not equal) in CSS? e.g, I have the following code: input { ... ... } but for some input's I need to void this. I'd like to do that via adding class "reset" to input tag, e.g. <input class="reset" ... /> which simple skip this tag from CSS... How I can do that? Only one way I can see, it's to add so...

Good way to split data into two side-by-side HTML tables

Basically, given data like this: Col 1 | Col 2 1 7 2 8 3 9 4 10 5 11 6 12 I want to have the page display something like this: Col 1 | Col 2 Col 1 | Col 2 1 7 4 10 2 8 5 11 3 9 6 12 The purpose of course is that...

superfish drop-down displaying underneath text of another div

I had a problem with the drop-down menu displaying behind a div, but that is fixed, now it is being overlapped by the text of another div: This only happens in IE7, I imagine it does in IE6 as well, but did not test in IE6. I set the z-index of the div's it drop-downs over to z-index:1; and the z-index of the drop-down is set to 2. ...

Javascript: Hide Mouse Cursor When Idle

In a webpage is it possible use JavaScript to set the cursor:none; CSS attribute if the mouse is inactive for a certain amount of time (say, five seconds) and set it back to cursor:auto; when it again becomes active? Thanks for your help. ...

Default :target with CSS

I have this CSS: <style type="text/css"> .tab { display: none; } .tab:target { display: block; } </style> And this HTML: <div class="tab_container"> <ul class="tabs"> <li><a href="#updates-list">List</a></li> <li><a href="#updates-map">Map</a></li> </ul> <ul class="tab list" id="updates-list"> Eh.. Hello! </...

List Type Image Query

Hi, I have a green triangular image that I would like to use against particular list items but unsure how to do. I created a class called .bullet and set list-type-image to my green triangular image. Then set <ul class="bullet"><li>a</li></ul> but to no avail as I would've thought that "a" would come up as "> a" Any ideas? Thanks. ...

CSS Compatibility on IE. Box shadows

I'm creating a website and I need to style some boxes like this image here. Although, their height aren't fixed for it's dynamic content I used -webkit-border-imageand -moz-image-borderand it worked perfectly. Unfortunately, IE is a bad bad guy and I wanted it to appear properly. I thought about using CSS3 with box-shadow and -webkit-gr...

Cufon is messing up my transparent PNG backgrounds.

I have a few divs with a repeating background PNG (that as an alpha channel set to ~50% opacity); the purpose is to give a white transparent background to the divs. The divs render great in all current browsers. But when I call my Cufon code to replace certain text on the screen, the backgrounds seem to fade out in a gradient fashion fro...

Styling part of the OPTION text

I have a SELECT list with serveral OPTION elements. Here is my naive approach to styling part of the option text: <select name="color"> <option value="0">red <span style="font-weight: bold;">SLOW</span></option> <option value="1">blue <span style="font-weight: bold;">SLOWER</span></option> <option value="2">green <span style="font-weig...

jQuery, altering css class itself

Is it possible to alter css class with jQuery? For instance if i have this class defined: .my-class{ right:10px; } and now I want to change it to .my-class{ right:20px; } without having to select all the elements of this class with $(".myClass"). The reason i want to do this is that i am adding a lot of elements at r...

Display default icon, and replace icon if class is set on div

I want to create a div tag that has an icon to the left, and some text. Now using jquery, if an event occurrs, I am adding a class to this div tag so that the icon is replaced with another icon. I have the jquery side of things, but I'm not sure how to do this via CSS. my css: <div id="tag-user" class="usertag selected">Some tag</div...

Can I center a <ul> with left-aligned <li>s?

I'd like to center a list of left-aligned items. This is what I currently have: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <title>Shrinkwrapped List</title> <style type="text/css"> #wra...

How to position a element (drop down menu item) exactly below the parent menu

I am trying to place a dropdown menu item below the parent menu. When u hover on the parent menu, the child dropdown menu item's visibility will turn visible. I positioned the child elements using position:absolute and using top and left. But when i change the resolution of the monitor the left and top alignment changes How to positi...

Export CSS changes from inspector (webkit, firebug, etc)

When I'm working with CSS, I'll often test in a browser - say, Chrome - right click an element, click Inspect Element, and edit the CSS right there. The use of arrow keys to change things like margin and padding makes lining things up super easy. It's not too hard to then take those changes and apply them to the CSS file, but it would b...

Centering boxes using CSS

Hello, I'm trying to turn a layout I designed into a webpage in HTML+CSS. The layout looks like this: image I want the central black div (with fixed width) to be centered while the menu should stay to its left and fill the entire left side of the screen, as shown above. The problem is that I can't figure out how to style the menu to f...

How can I prevent default double-tap behavior (zooming, panning) in Mobile Safari on iOS4?

When I double-tap near the edge of a page that exceeds the height or width of the browser window in Safari under iOS4, it zooms in or out and/or scrolls up, down, right, or left, depending on the size of the page and the current viewport position. How can I prevent this behavior, please? I'm working on a site where this is (very) bad; ...

Looking for a third party photo gallery

Does anyone know of a easy to install photo gallery. I'm assuming it would have to be flash. I want to implement it on my own site. I am looking for the one that is thumbnails,and when you click a thumbnail, it expands and you can navigate through the other photos. Or something like that The ones I have found want me to submit my mysql ...