css

Creating a null hyperlink

Hi, I want to create a hyperlink that does not link to any page. When clicked it executes a javascript function i have defined. So, i created a link as follows: <a onclick="fun()"> SomeText </a> But, the mouse pointer does not change to the hand symbol when we hover a mouse over the link. So, i changed the link to <a href="#" oncli...

Margin while printing html page

Hello everyone. I am using a separate style-sheet for printing. Is it possible to set right and left margin in the style-sheet which set the print margin (i.e. margin on paper). Thanks. ...

Hide link text from statusbar in wordpress

Hi, I have a text widget in my wordpress blog. Inside the text widget, i have a link. When mouse is hovered over the link, the link text shows up in the status bar. To prevent the link text from showing in the status bar i tried using: <a href="#" onmouseover="window.status=''" onclick="fun();return false;" > </a> But, still the lin...

JQuery Cycle Plugin doesn't work in IE - Who can help?

Hi, I am currently developing a site for a client which uses the JQuery cycle plugin to move through a number of divs which contain pictures and info about wedding dresses. All works fine in Firefox, but when I test in IE6 + IE7 the divs are all stacked on top of each other vertically and they soan right down the screen for 1000's of p...

Turn Image into a Button Image: Remove borders

Hello all, I have this link with the following css. <a href="step1.php">Buy Now</a> //css #buy a { background:transparent url(signup_bt.gif) repeat scroll 0 0; color:#FFFFFF; display:block; font-size:14px; font-weight:bold; height:37px; line-height:38px; text-align:center; text-decorati...

Textmate toggle collapse/expand CSS rule command?

Does anyone know of a command (not a macro) for Textmate / E Text Editor / Redcar / etc. that will collapse a multi-line CSS rule down to one line OR, if the rule is already on one line, expand it out to multi-line? I already know about code folding and that's not what I require - I need to be able to toggle the rules between single and ...

CSS reset that applies only to #widget

Let's say I have widget that uses complicated CSS, and must be embedded in multiple websites that all have their CSSes. If I prefix all widget's CSS rules with "#widget", they won't apply to anything on the outside, so one problem fixed. Unfortunately CSS rules of the site can still mess the widget. If I reset all CSS inside #widget wi...

How to solve this IE6 z-index bug?

I have read this iFrame workaround for IE6. But I really don't understand on how to use this if I display a DIV dynamically. I have attached a sample. When clicking on the input element, I want to show a div panel that have the topmost z-index. (That should be displayed over the select control) <html xmlns="http://www.w3.org/1999/xhtml...

css layout: margins and padding versus absolute positioning?

I'd like to get some feedback on using padding and margins for page layout versus absolute positioning. I realize that there are and will be scenarious where either or both are preferred and that will depend on the scenario. But what I'm getting at is overall page layout for pixel perfect designs what is the general rule of thumb? I'm a...

Hide a submit button in IE7 with CSS

I have a submit button with a markup like this: <li class="button"><div class="button"> <input type="submit" name="sign_in" id="sign_in" value="Prihlásiť" class="input-submit" /></div></li> I want to hide it so it's not visible. I did this: .button, input.input-submit { height: 0; line-height: 0; border: 0; } And that ...

Using :after to self clear divs. Is this working right?

I have the following HTML: <div class="selfClear" style="float: left; border: 1px solid black;"> ...floated stuff in here... </div> <span style="margin-top: 10px; border: 1px solid purple;">hello world</span> I'd like there to be a 10px gap between the div and span, per the margin-top. But, since the div above is floated, it won...

CSS with IE6 Drop Down Issue

Hi All, I've been working on getting a menu up and running with pure CSS. I've got it working in all the browsers except for IE6. Here is my CSS. /**~**~**~**~**~**~**~**~**~**~**~**~**~**~**~**~** NAVIGATION MENUS ~**~**~**~**~**~**~**~**~**~**~**~**~**~**~**~**~**/ #topNavigation { width: 750px; background-color: #EC2327; ...

JQuery Height of Hidden TR returning 0...

Hey Guys, I'm trying to calculate the height of a TR that is set to display:none, however, the jquery height extension method returns 0 everytime. Of course when its visible it returns the correct value. From my understanding and past experience, I don't know why this is happening because shouldn't it return the height even if its hid...

How to properly build a navigation menu that highlights the current page

I've setup a menu for a fairly simple site based on icant.co.uk. It's fairly simple with maybe 5 pages. The small site is mainly a mysql browser for a few tables using MATE. Theres a common.php file that contains the header & footer HTML so thats where I put the code below. The code below highlights the current page on the menu. Its...

Using Greasemonkey, is it possible to make some parts of the script apply to certain sites and other parts apply to different sites?

The reason I want to do this is that I'm writing a script for meebo.com that involves changing the background and replacing some pictures with css. I'd like to add links to it from other sites (namely Gmail, Google Calendar, etc.) Is it possible to accomplish this with one Greasemonkey script? (I think this is a general enough question...

I am looking for a clean HTML tutorial.

I've been doing web programming from 1999 to 2004 and it looks like a lot has changed. The layout is no longer done with tables, but with DIVs, etc... I am looking for a tutorial that combines CSS and HTML and DIVs, etc... and teaches you how to layout a page. I don't want a tutorial that focuses on a specific one technology, but more...

Google SEO and hidden elements

Will google ignore words that are inside the elements that are set to "display: none" in css? Example: <div id="under_meny" style="display:none;">About Us | Contact Us</div> It looks maybe a bit strange that I want to hide a menu like that, but there is a submenu. And will the user to activate it. But I do not want it to go beyond SE...

Cut of text if too wide in CSS or Asp.net

Hi, I have this text inside a div with a fixed width: Some headline (2009-10-10 small) Some headline (2009-10-10 small) Some headline (2009-10-10 large) But when the headline is too wide the result is: Some headline (2009-10-10 small) Some wide headline (2009-10-10 large) Some headline (2009-10-10 large) Which is not good looking ...

Should we use IE's CSS Dynamic properties?

Should we use IE's CSS Dynamic properties? I read IE8+ would not support these. What is the best strategy to handle this? ...

Can I use camel-case in CSS class names

I want to name a CSS class and call it imgSuper. Can I use camel-casing in CSS classes? ...