[SOLVED] CSS Page Layout in other browser

dhossai · #1 Nov 7th, 2007, 16:54

Hi Gang!

Could somone please tell me about this issue. I have created this page with CSS and layout is perfect in IE 7 but it is off in Netscape 7.2 and firfox 2.009. Is there anything I need to pay attention to fix this issue? Any idea? Thanks in Advance.

Marc · #2 Nov 7th, 2007, 16:55

Have you got any Code? If you can, please host it!

dhossai · #3 Nov 7th, 2007, 20:14

Thanks Marc,
I have found this link at http://bonrouge.com/~faq#footeratbottom on the net and has resolved my problem but I now have another question. In my page I have link menu and hoover color is differnt that the original color. Now how can I implement this... hoover color would be visible when I am on that link page. I hope I was able to explain.

AdRock · #4 Nov 7th, 2007, 20:43

Can you post your code so we can see?

Marc · #5 Nov 7th, 2007, 20:46

You would need a class="current" for that on your navigation item. Can you please show us your CSS and HTML? It will make it easier to sort. Also if you can host it, that would be great!

dhossai · #6 Nov 8th, 2007, 14:29

OK.. Here is my CSS

Code: Select all

#linksmenu a{
 float:right; 
 width:150px; 
 height:20px; 
 background-color:#339966; 
 border-left:solid 1px #FFFFFF; 
 border-bottom:solid 1px #FFFFFF;
 font: 0.7em Tahoma, sans-serif;
 font-size: 11px;
 font-weight:bold;
 color: #FFFFFF;
 text-decoration:none;
 padding-top:5px;
#linksmenu a:hover{
 background-color:#FF3300;
}

Here is my Html

HTML: Select all

<div id="menu" align="right">
    <div align="right" style="width:150px; height:8px;"><img src="http://www.webforumz.com/images/mnu_topshadow.gif" width="150" height="8" alt="mnutopshadow" /></div>
    <div id="linksmenu" align="center">
     <a href="index.html" title="Home">Home</a>
     <a href="#" title="About Me">About Me</a>
     <a href="#" title="My Objective">My Objective</a>
     <a href="disclaimer.html" title="Disclaimer">Disclaimer</a>
     <a href="#" title="Send Feedback">Send Feedback</a>
     <a href="#" title="View Feedback">View Feedback</a>
    </div>
    <div align="right" style="width:150px; height:8px;"><img src="http://www.webforumz.com/images/mnu_bottomshadow.gif" width="150" height="8" alt="mnubottomshadow" /></div>
   </div>

Here is my link http://www.bangladeshilivingabroad.com/test
What I want is if I am on alink the link hoover should stay red as the hoover color is red. Currently only home and disclaimer is live. So pls check those two only. I also want the home link on the left should be stay hoover color as it defaulted to the site. I hope I was able to make it clear.

digilover · #7 Nov 8th, 2007, 14:35

Hi,

You'll need to add a class to the link that corresponds to the active page, then style that the same as the hover. So, let's call that class "selected" and assume we're on the Home page:

Change to the HTML....

HTML: Select all

    <div id="linksmenu" align="center">
   <a class="selected" href="index.html" title="Home">Home</a>
   <a href="#" title="About Me">About Me</a>
   <a href="#" title="My Objective">My Objective</a>
        <a href="disclaimer.html" title="Disclaimer">Disclaimer</a>
        <a href="#" title="Send Feedback">Send Feedback</a>
        <a href="#" title="View Feedback">View Feedback</a>
    </div>

Change to the CSS.....

Code: Select all

#linksmenu a:hover, #linksmenu a.selected {
 background-color:#FF3300;
}

Hope that helps,

James.

dhossai · #8 Nov 8th, 2007, 14:46

Hi James,
So what you are telling is that I will have to have two code for every link ..one selected and one not selected?

dhossai · #9 Nov 8th, 2007, 14:55

Thanks James. I got it now working fine. I did not understand at the beggining but it I tried and it is working like charm. Thank you very much.

digilover · #10 Nov 8th, 2007, 14:57

Glad to help

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
My Page Statistic [Browser & OS]	Monie	Classic ASP	24	Dec 4th, 2007 07:40
css page layout help	debrag	Web Page Design	19	Aug 30th, 2007 13:23
page layout	newbie2007	Website Planning	4	Mar 6th, 2007 13:40
Can I set my page to be a specific size on every browser?	Inkers	Web Page Design	9	Jan 14th, 2007 11:03
Browser dosen't recognize ihtml page?	SteveJP	Web Page Design	5	Nov 3rd, 2006 11:09

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] CSS Page Layout in other browser