Image Optimization
I want to know like converting an image (gif or jpeg) to png8 using yslow smushit will increase the speed of the site performance? Will that work in ie6? webdevelopertut ...
css
iFrame with Background Colour in IE6
Hi, Is it possible to style an iframe with a background colour within MS IE6? If so, how? Thanks. Tony. ...
Dropdown menu, problem when resizing the browser
Hi, I am doing an horizontal dropdown menu. It looks like this : [menu1][menu2][menu3][menu4] But when I resize (less wide) my browser, the menu appears like : [menu1][menu2] [menu3][menu4] I want it to remain in line all the time! Thank you for your help. Michaël EDIT : my CSS file : /* General */ #cssdropdown, #cssdropdown...
Implementing background image for A HREF in CSS
I have an href in HTML that I dynamically produce from a server. I have designed a nice rounded corner gif image that I would like to use as the background i.e. put the text (in white) over the gif image and have it still linkable. The current html looks like: <h2> <!--img src="images/greenback.gif"--> <a id="site-title0" class="ti...
What is the correct usage of CSS attr function?
Since this function is implemented in IE8, I wanted to see exactly what I could do with it, but I'm having trouble getting it to work anywhere other than the :before and :after css pseudo-elements. Should the following be allowed? span[color] { color: attr(color); } I tried it in Google Chrome too, but it didn't work. Also, what abo...
Call one function from another function in javascript
Hi I'm still a novice with web technologies and I have a few questions in line with the following code. I'm trying to call a function getDetails() from another javascript function displayTable(). displayTable() gets invoked on clicking the button 'My CD Facts'. Well, its not working for me. I guess its some thing daft but I'm not abl...
YUI Grid CSS for 100% width page with custom template width
I am using Yahoo's UI Grids to structure most of my pages. One of my pages is a Google map and I need about a 400 pixel fixed left column to put map legend information into. YUI Grids however only offers 3 columns for their 100% page layouts, namely 160px, 180px and 300px. Is there a way that I can customize their 'template 3' which pro...
Dealing with Firefox and Internet Explorer's Differences
Hello, This question is because I just found out that my site is looking ok in IE7 and in IE8 with compatibility-mode, but in FF it is all screwed up. What would be the best way to go about it. Separate CSS files? Thanks, Richard ...
referencing CSS
Hi, I would like to construct an HTML link element referencing a CSS file and I would like to use the same reference from multiple documents. For example, my CSS file is in: {root}/style/style.css For files in {root}, I use: <link type="text/css" rel="stylesheet" href="style/style.css" /> But for files in {root}/inc, I have to use <lin...
How can I disable inherited css styles?
So I am creating a container with rounded corners using the following method: div.rounded { background: #CFFEB6 url('tr.gif') no-repeat top right; } div.rounded div { background: url('br.gif') no-repeat bottom right; } div.rounded div div { background: url('bl.gif') no-repeat bottom left; } div.rounded div div div { padd...
What is this font? and CSS Help
This font in this image from the WhiteHouse looks very professional. What is the font? Is it just Times New Roman? Also, does anybody know how to use CSS to create something just like the image below? (So I can keep everything else in that image but change the text) Thanks!! ...
How to specify the word-breaking conditions in IE?
Specifically, say I have a string like ABC-123-NNN. I would like the paragraph to have line breaks, but not to break at the dashes. i.e. if my text is "The serial number ABC-123-NNN is not valid", I would like to keep together the entire serial number if it exceeds the container width. So the following is ok: The serial number ...
show a div class on clicking a link.
Hi, How do I show a div class on clicking a link? This is the div class that must be shown: <div id="fb_contentarea_col1down1"> <div class="myform" id="step2"> <form action="index.html" method="post" name="FieldSetting" id="FieldSetting"> <label class="topspace">Field Label: </label> <input id="fieldName" name="fieldName"></input> ...
CSS: Trying to use display:table and display:table-cell property
I recently used display:table and display:table-cell properties. It was like this, <div id="main" style="display:table"> <div id="left-menu" style="display:table-cell"> Some menu links </div><!-- End left-menu --> <div id="content" style="display:table-cell"> The actual content </div><!-- End content --> </div><!-- End main --> I u...
How Can I Change The Style Of A Div On Mousedown?, or any other event for that matter…
Hi. I have some code: <div class="winter spring" onmousedown="this.className='winter summer'" onmouseup="this.className='winter spring'"> <img src="Resources/season.png" /> </div> But it doesn't work. You can see I'm trying to change the class of the div containing season.png onmousedown and revert it onmouseup. What am I missing? ...
Advantage of using a css framework
Hi, I have been thinking of using a css framewrok as many web designers use it. They say that it is good etc. etc. But is there any real advantage of using a css framework like 960 gs or blueprint? Will it make my life easier? Do these frameworks consider the devilish IE? Any insights will be helpful. Thanks, Gaurav ...
Can't Access CSS Selector's Properties from Javascript
Hello, Here's a very basic question: why is the finishLoading() function in the code below not able to access the 'opacity' property for the #myStyle CSS selector? The alert doesn't display anything, and I've verified that the 'opacity' property is 'false'. Thanks very much! <html> <head> <style type="text/css"> <!-- #myStyle { op...
favicon.ico cannot show on Internet explorer 7
I'm able to show the icon without problem on Firefox, but on Internet Explorer 7, the icon cannot be shown. Can someone please paste the code and try on your Internet Explorer 7? What missing did i do? <html> <head> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="http://yourhtmlsource.com/favicon.ico"/> </head> ...
Multiple images in one
I ask myself how use multiple images in one. For example youtube -> http://s.ytimg.com/yt/img/master-vfl102488.png sorry for my english. ...
which of the h1 tag code is correct?
I want to know which of the following code is correct... among all the three... <h1><span class="bold">realestate</h1> <h1>realestate</h1> <h1 class=bold>realestate</h1> Please let me know about that... ...