PROBLEMS WITH STYLES USING MOZILLA AND OPERA

Dear People:

I'm new using CSS stylesheets.
I made a website using Topstyle to create one stylesheet.
The website works optimally when loaded in Internet Explorer, Google Chrome and Safari.

But using Mozilla or Opera, the paragraphs having styles h1, h2, etc appears with the characters very big!!!!

I add here the stylesheet code. May be one of you can tell me where is the error or what I need to add to my site can be loaded fine in Mozilla and Opera

Anyone can help me to solve this problem?
Thank you in advance!!!!!!

GusSiglo21

CODE OF THE STYLESHEET

IE offset prblem

Hi All,

I am new to css.

I will be thankful if anybody can help me out to sort out the problem. Below is the code.

<ul style="border:solid 1px #F00;">
  <li style="display:inline; border:solid 1px #F00;"><a href="index.html">Title1</a></li>
  <li style="display:inline; border:solid 1px #F00; float:right"><a href="tasks.html">Title2</a></li>
</ul>

I am getting 21 px of offset in IE7. How to fix it and display both titles in same line but title2 should be right float.

Below is the screen shot.

CSS of DIV is not working with an image contained in it....

....my code has 5 separate lists, each in the same style div applying a border at the bottom of each div to separate them form each other.

The problem is 4 of the lists contain only text and these work fine. The one containing the image (I have tried it with and without out list tags) doesn't work properly. The div is not expanding to the same height as the image and the border which should be at the bottom of the image cuts through behind it half way down the image?what I

I would be grateful if anyone could take a look at my code and advise I could try to sort this out.

Thanks

My first WebPage

I'm taking a Design 101 class. We were tasked with creating our first webpage. We did a mockup of it in Photoshop and then we were to build it using Dreamweaver. I feel like some of my code is off and that there is a better way to do some of the things I did. I attached a jpg of the page. Here is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

button working in firefox but not in safari

Hi

I am using a combination of jquery and css to hover over a button and have it expand out to reveal text and then close again when the mouse is moved away. In Firefox it works perfectly but in safari, the button appears 3/4 quarters down in the div. I can put a style top of -568px but would rather use one rule that fits all browsers instead of putting in a rule just for safari. I have tried the position: relative too in the #content-holder ul li and/or #content-holder ul li a style but that hasn't work either. Any suggestions would be most appreciated!

Syndicate content