css

Where to specify image dimensions for fastest rendering: in HTML or in CSS?

I've learned that it is a best practice to explicitly specify image dimensions. The browser can then already layout the page while still downloading the images themselves, thereby improving (percieved) page rendering time. Is this true? And if so, is there a difference in specifying the dimensions in either HTML or CSS? HTML: <img sr...

"Mega" Drop Down Menu

I am working on a "mega" drop down menu. However I need a small twist to it which is proving to be a task. To be considered correct it should look like the following and Each tab dropdown needs to be displayed at the same location because they will each contain similar info. The left side of the dropdown should start at the left side of...

Link disappears in IE 6 and 7

I have link (button actually) inside a TD, but its completely hidden in IE 6 and 7: .btn-delete { position: relative; width: 32px; height: 31px; text-indent: -1000em; background:#dd0 url(../img/button.png) no-repeat; /*.float: left;*/ display: inline-block; display: -moz-inline-box; -moz-box-orient: v...

Why is IE7 showing scrollbars on rollover?

Hi all, Can anyone tell me why IE7 shows vertical and horizontal scrollbars on hover of the My Account tab/link at the top right of http://www.myhome.ie? I've gone through the css and can't see any issue. It's also only happing in IE7. Cheers, Denis ...

Any knowledge on how to embed an image via PHPmail without using PHPMailer?

I would prefer to use what I already have and just add an image on if possible. Here is my code so far: $to = $Email; $subject = "$auth->first_name $auth->last_name left you a comment"; $message = "$auth->first_name $auth->last_name left you a comment: <br /><br /> <a href='http://www.blah.org/Profile.php?id=" . $prof->id . "'>Click he...

How to add external CSS in a HTML file.

I know about CSS like this .style{ .. } I want to know how to add external css file in a HMTL page. One more thing using such external css dose it relay speed up the page load time. ...

960 gs, full width backgrounds

I'm trying to implement a design I created in photoshop. I want to use the 16 column 960 GS, but the problem is that I only want the content bound by the 960 width. I have backgrounds for 4 seperate areas. Header, the content area, a top footer that is links, and the bottom footer with the copyright in it. The top half of the page wo...

List like select dropdown with jQuery?

Please, I want to simulate dropdown select, but there will be just links, no form. Trouble is how to have selected, and visible category or subcategory link where You are currently? <ul><li>Category <ul> <li>Subcategory1</li> <li>Subcategory2</li> </ul> </li></ul> So, when you are on the Category, visible will be nam...

Codeigniter--add "active" css class to link, how to?

What's the quickest and easiest way to add the "active" class to a link, so it can be styled? I'm developing an app in CI, and I'd like a quick easy way to do this automatically. jQuery is an option too... ...

Opacity CSS not working in IE8

I'm using CSS to indicate the trigger text for a jQuery slide-down section: i.e. when you hover over the trigger text the cursor changes to a pointer and the opacity of the trigger text is reduced to indicate that the text has a click action. This works fine in Firefox and Chrome, but in IE8 the opacity doesn't change. I've tried a var...

Source Ordered Content - SOC in SEO

How much does source ordered content affect SEO optimization and ranking? Do spiders crawl SOC in an easier way? Typical html web page comprises elements in following order: header content sidebar footer (Content and sidebar exchange often in order) However source ordered content is a technique where the law is to place content and ...

What benefits we can take using regex in xhtml css development?

What benefits we can take using regex in xhtml css development? any tools and useful regex commands? ...

A problem with Div Layout

Hello! I have a HTML file like this (I only put the body of the page): <body> <form id="form1" runat="server"> <div class="divBody"> <div id="divHeader"> </div> <div id="leftColumn"> Welcome! </div> <div id="rightColumn"> </div> </div> </form> </body> And it css f...

Is by default absolute positioning relative to the document or to…?

Hi As far as I know, absolute positioning is relative to a containing block that provides a positioning context, which by default, is the document. Thus, by default, absolute positioning should be specified with respect to the edges of html document and not with respect to the edges of a viewport (browser window)?! For example, ass...

Text resize feature

I need to make a control that has three T's of varying size that are linked. By clicking on each T the article text will resize to either a small, medium, or large font appropriately. Does anyone know how I can do this? Also, do you know of a site that uses this kind of text resize feature? Thanks in advance. UPDATE: Thanks for all of...

Change button to image depending to text using jquery?

I've got a checkout page on my online store, and one the fields is a for a Discount Coupon code, next to which is an 'update total' button. The next column shows the discount. --------------- —————————————— enter code:| | |update total| - $0.00 --------------- —————————————— When the ...

Need idea for implementing Yahoo Signup form's Name field in asp.net

I want to do the same functionality for first name Field and Surname field in the registration page of yahoo. When i clicks on textbox. Default text dissapears. And when i loses the focus from same textbox the default text appears again. Here is the yahoo registration page. How can i do this. I want to do xactly same functionality. Can y...

Center float except last row

I need to center some floated divs inside a container. The code I'm using works but I need the last row of floated elements to be aligned to the left and not centered. It's a photo album and all the thumbnails are automatically generated by a gallery script. This is what the code produces This is what I need I don't think this is pos...

CSS Grid System for Forms (with Inline Labels)

This is a follow up to this question, I'm trying to have the same multi-column format but with inline labels instead of block labels, take the following mockup for instance: It's not very clear in the image but the name (label) + name (input) should occupy 50% (or near that) of the container width, the same goes for the email label + ...

internet explorer 7 hover drop down menu

i have created a simple drop down menu only with css, its working fine in all browsers except internet explorer 7, when i hover to menu link it shows drop down items but when mouse moves away from the link the drop down items disappears, how can i fix it ? ...