Hey Guys, I have some problems with my webpage. My website viewed correctly using firefox but the position of the layering abit out while using IE. Anyone can help me with the coding?

I have 1 more question which is how to set the small icon so that when i open with Firefox the icon will be displayed beside the title tab. I do not you guys get what I mean or not. What I mean is like if you are using firefox now and please have a look at your tab now (which is Webmaster-Talk.com) you can see on the left hand side of the title there is a small blue icon. How to make that icon into my webpage?

Thank you.

Best Regards,
Alvin

How to make that icon into my webpage

It's called a favicon. Search the forum or Google for it, lots of post about.

How about the layering for my webpage? Any idea for the coding ?

Thanks for the favicon.

Best Regards,
Alvin

Favicons are quite buggy in IE, but to temporarily make it work, visit http://www.google.com/ in IE (since I know google uses a favicon). Hold the Shift key down and Drag and Drop the IE icon next the to link back into the address bar and the favicon should appear, unfortunately it doesn't stay.

It's strange but IE came up with favicons but because their use for them was that if you bookmarked someone's site with a favicon, then it'd display their favicon as the icon in their favorites/bookmark and I believe from there that's when it was suppose to be placed in the address bar, but now I'm not sure where IE has gone with favicons as they still look for it with every request, just don't bother displaying it like other browsers have done.

I wrote a tutorial on creating favicons, but you'll find tonnes of information for doing it on the web, just hopefully they are correct instructions and not shortcuts as I had found some had done.

Cheers,

MC

Hey guys please have a look at this web page . http://www.olivenendoh.com/About%20US%20main.htm

The layering is changing when I view with Internet Explorer. I have done it correctly using Mozilla but now I realise that when I restore my browser to smaller size the layering will also change position. Anyone can help me with the coding?

Thanks A Lot !

Best Regards,
Alvin

Your biggest problem is that you have EVERYTHING absolutely positioned. That means there is no flow whatsoever to the document. Absolute positioning takes it out of the document flow, essentially they are all stand-alone boxes that are not interracting with anything else. There is no need to absolutely position every element on a page if you set up your page correctly.

You might want to read up on different positioning methods here:
http://css-discuss.incutio.com/

Thanks for the infomation.

I am newbie at web design so just want to be confirm for my coding. Which means I just change my coding

#Layer1 {
 position:absolute;
 width:200px;
 height:34px;
 z-index:1;
 left: 325px;
 top: 191px;
 visibility: hidden;
}

to

#Layer1 {
 position:fixed;
 width:200px;
 height:34px;
 z-index:1;
 left: 325px;
 top: 191px;
 visibility: hidden;
}

is this correct ?

or should the px to percentage too? I do not know how to change to percentage unit.

Thanks.

Best Regards,
Alvin

You might want to take a look at Eric Meyer's tutorial on pure CSS popups, which I see is what you're doing with all the absolutes: http://www.meyerweb.com/eric/css/edge/popups/demo.html
You can view source on that page and see exactly what has been done.

Because you have a mish-mash of tables and xhtml/css, it's likely the root of your problems. If you're going to use XHTML, then dump the tables and do it all in CSS. All of your image roll-overs can be done in CSS w/o all that messy Macromedia image swapping code.

Thanks LadynRed for the information.

Well, I am not good in CSS and I have read some tutorials from www.wc3schools.com and they gave alot of examples. But what I want to know is how to create table or layout.

By the way, just wanna ask some questions. Sorry if I ask some unnecesorry questions.

1. To create CSS, can we use Dreamweaver toolbar to create? such as table. Or we have to keep create New CSS layer then insert into webpage?

2. Is it advisable to make our webpage to all CSS style ? or its better to mix with xHtml ?

3. I went to have a look at www.wc3schools.com tutorial and they are teaching us to insert commands in the coding. Is that the way to create CSS ? There is no way for us to click and insert only? I am not very good in coding.

So, do I need to redo the whole webpage again? or just add some coding inside the table there?

Very Thank to LadynRed for helping me so much. Thanks again.

Best Regards,
Alvin

Here is a link where you can validate your css design and make sure it will be compatible with both IE and Firefox.

http://jigsaw.w3.org/css-validator/

Originally Posted by LadynRed

Your biggest problem is that you have EVERYTHING absolutely positioned. That means there is no flow whatsoever to the document.

very true. you dont need to use CSS positioning for everything.

try using simple html tags sometimes, for example, instead of:

  <p class="style10">&nbsp;</p>
    <p class="style12"><u>SUPER VIRGIN OLIVE OIL</u></p>
    <p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style7">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></strong> <span class="style9">The olive is one of the world’s oldest cultivated crops  in Japan  and is widely known for its varied usage and medicinal value.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The  Olives are harvested during winter months when the fruit is at its best. The  fruits are sent to the factory on the same day as they are plucked so that it  will remain pure and fresh as its name implies.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Cold  pressing is the method used in producing SUPER VIRGIN OLIVE OIL. This method  requires no heat, no chemical additives and therefore, all nutrients and  vitamins remain after extraction. This is what we call PURE OLIVE OIL.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; OLIVE  OIL is safe to use for both baby and adult.</span></p>
    <p class="style12"><u>EFFECT AND USAGE OF SUPER VIRGIN OLIVE OIL</u></p>

how about:

<p class="style10">SUPER VIRGIN OLIVE OIL</p> <blockquote>
 The olive is one of the world’s oldest cultivated crops in Japan and is widely known for its varied usage and medicinal value.
  <br />
The Olives are harvested during winter months when the fruit is at its best. The fruits are sent to the factory on the same day as they are plucked so that it will remain pure and fresh as its name implies.
  <br />
Cold pressing is the method used in producing SUPER VIRGIN OLIVE OIL. This method requires no heat, no chemical additives and therefore, all nutrients and vitamins remain after extraction. This is what we call PURE OLIVE OIL.
OLIVE OIL is safe to use for both baby and adult.
  </blockquote>

much neater dont you think?

1. To create CSS, can we use Dreamweaver toolbar to create? such as table. Or we have to keep create New CSS layer then insert into webpage?

Depends on what version of Dreamweaver you're using. DW 8 does a better job than previous versions with CSS, but it still needs hands-on help by the user - you.
In DW8, you can set your preferences so that it will generate styles for you - though they will not be pretty. Under Edit, Preferences, General, make sure the box for "Use CSS instead of HTML" in the Editing Options section. When you bold something or change text color, DW will create a style for you.

2. Is it advisable to make our webpage to all CSS style ? or its better to mix with xHtml ?

XHTML is the structure, your basic page, CSS is the PRESENTATION, how elements on your page appear - you need BOTH.

3. I went to have a look at www.wc3schools.com tutorial and they are teaching us to insert commands in the coding. Is that the way to create CSS ? There is no way for us to click and insert only? I am not very good in coding.

It would be better if you learn how to write CSS from scratch, otherwise you'll never know what's happening on your page.

So, do I need to redo the whole webpage again? or just add some coding inside the table there?

That depends on your goal. If you just want what you have to work, then you're going to have to add/change some things in your page and CSS.

You might want to look at the styled tables here:
http://icant.co.uk/csstablegallery/