FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

List (ul) problem

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


imagefree
i am working on a site but because of lack of html css knowledge and experience, i am facing problems.

please see any of the below links


http://www.imagefree.frih.net/test.zip
http://www.imagefree.frih.net/test.rar


I want the left menu totally left indented and the underlines louch the left border of table, (in Opera this problem is more prominent but in IE, its just 20-30 pixels away) but i fail to do so. i tried almost all the things but useless. Will you please help me doing this.

One more problem is that in Opera when i rollover the mouse to the li , background turns to whatever i set but links dont active. The behaviur i am expecting is that when mouse comes over the li , the link can be clicked even before taking mouse over the links. In IE, even the background behaviour dont work.

Details are in the files. Please download and try to help me by resolving this.

Thanks
mathiaus
a) Nice table Razz
b) <p>&nbsp;</p> Question

c) i)
EDIT
Code:
.left_menu {
   width: 120px;
   padding: 0;
   vertical-align: top;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: #999999;
   border-bottom-color: #999999;
   margin: 0px;
}

.left_menu a:hover {
   background-color: #E9E9E9;
}


ii)
ADD
Code:
.left_menu ul {
   padding: 10px 0 10px 0;
   margin: 0;
   line-height: 23px;
   list-style-type: none;
}

.left_menu a {
   display: block;
}
imagefree
Code:
.left_menu ul {
   padding: 10px 0 10px 0;
   margin: 0;
   line-height: 23px;
   list-style-type: none;
}


Oh my GOD!!!! Previously i was trying the same but was not working for me and so i deleted it, but now its working Shocked

Can you please tell me how?

Thnks


Edit: The problem is resolved in Opera but in IE only the first list item touches the left border, others dont. How to fix it! Also the hover still dont work in IE.

Edit 2: The nbsp;s are inserted by Dreamweaver. I will remove all when i will put header and footer.
InsanePL
move class from TD and add to ul then try this:

http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.