How to create nice text depth\shadow effect? (HTML)
I need some JS class or CSS method to create from any text such text with shadow like on this web page... Page screen: I need It to work in IE 6,7,8 Chrome 4, FF 3, etc ...
css
Overlapping 2 Flash objects and controlling z-index
I have two Flash objects on a webpage (call them A and B), and they overlap so one partially obscures the other. I don't seem to have any control over the z-index, to force B in front of A. Whatever I try, A always 'wins' and stays on the top! I have read many people's posts about problem with getting HTML to show over the top of Flash....
CSS - Overlaying one image on top of another
Hey folks! I can't best describe this in words, so I'll show you with pictures. Here's how my designer intends the Gravatar images to look in the sidebar of our site: Here's the overlay image I made (screenshotted from Photoshop): Here's how it looks right now... Not quite ideal, I think you'll agree. This is the CSS code I a...
IE6 is duplicating characters, can't figure out why. Suggestions?
Problem is located on http://www.preownedweddingdresses.com/ We have a dresses slider at the bottom, select tabs different dresses shown. Works fine everywhere else, but for some reason, in IE6, the letters "ls" (from the tab "Best Deals") are duplicating inside the content and causing rendering issues. I've yet to find anything that ...
How do I get just the x or y position of the background image using prototype?
Hey, I'm making a simple user friendly css editor using Prototype. Anyway, I was wondering whether I could get the background-position x/y values on their own? I wish I could do something like this but sadly it doesn't work: element.getStyle('background-position-x); I guess this is because position comes in different forms like 'center...
How do I keep website footer on bottom of the window?
Coding footer naively, if there's not enough content, then there will be empty space between footer and bottom of page. I would like to get rid of this and move footer to the bottom of the window. On the other hand when there is more content, I want the content to push the footer down (so position: fixed; bottom: 0; won't do). How do I...
CSS Multiple multi-column divs
I have a bunch of items (text, image, mixed content, etc) that I want to display. The user can define what row and what column that item appears in. For example, in row 1, there could be two items/columns, both images. In row two, there could be three items / columns, one with an image, two others as pure text. Oh, and the user may speci...
DHTML with Javascript and CSS is not working
So for some reason this unobtrusive javascript code is not working and I can't figure out for the life of me why it won't work. I dynamically change the className of a div element and therefore I expect the CSS to reflect that change. However it doesn't. Here's the simplified code. html: <head> <title>Your Page</title> <link r...
Form submits correctly in Chrome/FF, but fails altogether in IE/Safari
I have a form with a css submit button. When a the submit button is clicked, i call a function that executes: document.forms["request"].onsubmit(); What should happen, then, is that the onsubmit method ought to be triggered. This works properly in Chrome/FF, but for some reason IE/Safari will bypass the onsubmit function and simpl...
Absolute position <span> in <li> - strange -
Hi, So i have a normal list <ul class="test"> <li><span><a href="">Gemeente</a><span></span></span></li> <li><span><a href="">Openingsuren</a><span></span></span></li> <li><span><a href="">Gezondheid</a><span></span></span></li> </ul> 1: The second <span> is a 100x100 block background image. 2: The list is a normal bulle...
How do I add a textbox to my other jQuery click function?
Right now, my script adds a box to the cursor when I click on an image, as can be seen in the following code. Please note, this is jQuery. $(function() { var tag_box = $("<div>").appendTo("body").css({ "width": "40px", "height": "40px", "border": "4px solid #000000", "position": "absolute", ...
Technical reasons for not having large background images in websites
Most websites tend to have either a solid color as background, or a small image that is repeated. Why aren't more websites using a large image (such as a photo) as background? I can think of the following reasons: 1) Problems with different screen resolutions. Too small and gaps start to appear on the left and/or right side for higher r...
IE7 bug, my form input fields get indented
HTML <form id="contact_form" action="#" name="" method="POST"> <label for="name">NAME</label> <input type="text" name="name" id="name" class="contact_form_input" /> <label for="email">EMAIL</label> <input type="text" name="email" id="email" class="contact_form_input" /> <label for="subject">SUBJECT</label> <input type="text"...
HTML: how can I remove this dotted line ?
hi, I'm using Drupal for a website, and I've a link "Unselect All" to deselect all items. How can I remove the dotted line around "Unselect All" when I click on it ????? This is the link: http://www.sanstitre.ch/drupal/ thanks ...
background-image in IE
Html <div id="banner" style="display: block; background-image: url('images/swirl_home.gif'); background-repeat: no-repeat; background-color: #e7e7e7;"> <div id="Hi"> some text here... </div> <div id="loader"> <img src="images/ajax-loader.gif" /> </div> </div> Css #banner { b...
How to put text float around image like some newspapers' format using CSS ?
I want my image wrapping with text align like this text text text text text text text text text text ______ text text text image | text text text image | text text text image | text text text _____| text text text (end) I've tried this < DIV style="text-align:justify; text-justify:newspapers; padding:10px; font-siz...
Content boundary with rounded corners
I am using CSS rounded corners for firefox and I have the following problem with content boundaries: Code <html> <head> <style> #outter { width: 200px; margin: auto; text-align: center; border: 1px solid #333; -moz-border-radius: 15px; } #inner { ...
"official"/standard CSS3 gradient
I know there is -webkit-gradient and -moz-linear-gradient. But what is the standard way of defining a gradient? Like there is: -webkit-border-radius and -moz-border-radius and the standard is meant to be border-radius. ...
How can I force this z-index?
On euroworker.no/order (add something to the cart with Kjøp and Handlevogn). I have a tooltip that shows the picture of the product when you hover the product name, for some reason it shows above the name, but under other elements, like lines and other product names. The z-index has been set to the highest available for this part of ...
How to change the content of the Span using jQuery?
<span class="stbuttontext" st_page="home">ShareThis</span> I want to change "Share This" to "Share", please let me know the solution. thanksl, ...