doctype and css rollover

Alex

I created a page ( http://www.ayida.net/benaglia/chi.html ) based on
the example B of the fixed-width layout i found here:
http://builder.com.com/5100-6371-5314471-2.html

the layout needs this doctype to work properly both on IE and Firefox:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
otherwise on IE it won't center the layout on the page.

unfortunatly the above mentioned doctype doesen't allow the css
rollover menu on the page to work properly on IE as this does:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

is there a doctype allowing both layout centering and a working menu
(with the exixting code)? or is there a way to create a css rollover
menu working with the XHTML Strict doctype?

thank you in advance
Alex

Jul 21 '05 #1

Subscribe Post Reply

3770

Ali Babba

Alex wrote:

I created a page ( http://www.ayida.net/benaglia/chi.html ) based on
the example B of the fixed-width layout i found here:
http://builder.com.com/5100-6371-5314471-2.html

the layout needs this doctype to work properly both on IE and Firefox:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
otherwise on IE it won't center the layout on the page.

unfortunatly the above mentioned doctype doesen't allow the css
rollover menu on the page to work properly on IE as this does:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

is there a doctype allowing both layout centering and a working menu
(with the exixting code)? or is there a way to create a css rollover
menu working with the XHTML Strict doctype?

thank you in advance
Alex

nice tric you use here to create a roll-menu, but indeed, IE doesnt
agree with it.

dont know if this works but maybe you can give it a try.
instead of moving your background picture 28px up, you could replace it
by another. split your menu-pic in 2 seperate pics and set the 2nd pic
on hover.

something like
#menu a.chi {
blabla;
background: url("img/i_chi1.gif") top center no-repeat;
}

#menu a.chi:hover {
blabla;
background: url("img/i_chi2.gif") top center no-repeat;
}

("blabla" stand for the fidling parameters, you have to play with that a
bit)

good luck

martin

Jul 21 '05 #2

Harlan Messinger

"Alex" <al********@gmail.com> wrote in message
news:11*********************@f14g2000cwb.googlegro ups.com...

I created a page ( http://www.ayida.net/benaglia/chi.html ) based on
the example B of the fixed-width layout i found here:
http://builder.com.com/5100-6371-5314471-2.html

the layout needs this doctype to work properly both on IE and Firefox:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
otherwise on IE it won't center the layout on the page.

unfortunatly the above mentioned doctype doesen't allow the css
rollover menu on the page to work properly on IE as this does:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

is there a doctype allowing both layout centering and a working menu
(with the exixting code)? or is there a way to create a css rollover
menu working with the XHTML Strict doctype?

If I alter your page by removing the <br /> tags (which are unnecessary
anyway since you've applied display: block; to the anchors) and I remove the
height: 28px; rules from your CSS file, the menu works in both IE and
Firefox, though the effect isn't smooth in IE.

Jul 21 '05 #3

Alex

Harlan Messinger wrote:

If I alter your page by removing the <br /> tags (which are unnecessary anyway since you've applied display: block; to the anchors) and I remove the height: 28px; rules from your CSS file, the menu works in both IE and
Firefox, though the effect isn't smooth in IE.

I did everything you suggested and... IT DOES WORKS!!!! :))))))) you'r
great!
I'm so grateful.
thank you very very much!

thanks also to Ali Babba, I haven't tried his suggestion yet, but I
will, as it could be useful even in other configurations.

cheers

Alex

Jul 21 '05 #4

Similar topics

Width disappears when DOCTYPE added

by: Harlan Messinger | last post by:

I created a page, currently viewable at http://mywebpages.comcast.net/hmessinger/cssbuttons1.html that displays a couple of buttons simulated with styles applied to <span> tags. The buttons...

HTML / CSS

java-script for DreamWeaver MX RollOver buttons and FireFox

by: Leythos | last post by:

I've got several sites that I used DreamWeaver MX to add RollOver buttons to the pages, it also adds some javascript that pre-loads the images and does the mouse_over and such. In FireFox 1.0.1...

Javascript

Image rollover not working in a table

by: jedbob | last post by:

I used Adobe Imageready to build a simple rollover navigation bar, where the text will change color on a mouse over. The working example can be found at:...

HTML / CSS

Simulating rollover effects

by: Lauren Quantrell | last post by:

I have constructed the following code that simulates the common rollover effect when moving the mouse over a label (this example makes the label bold.) I'm wondering if anyone has come up with...

Microsoft Access / VBA

Any reason for no rollover controls in .NET 2.0?

by: Rob R. Ainscough | last post by:

Just curious why a VERY commonly used affect of rollover was NOT implemented in .NET 2.0 for web controls? Does anyone have a link to VB code that will show me how to build my own UserControl...

ASP.NET

Pure CSS Image Rollover Menus?

by: Casimir | last post by:

I am looking into making pure CSS image rollovers. Do you have any clever (and robust) CSS rollover-tricks? Or links to such "in the wild"? I have figured out two methods for this, but have...

HTML / CSS

Rollover asp.net Button

by: Oriane | last post by:

Hi there, I would like to handle a "rollover" <asp:Buttonin the code behind with C# with this kind of code: Button btn = Page.FindControl("Button" + numWidget) as Button; btn.Attributes =...

ASP.NET

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware