| Re: how to do a little color bar beside main menu? |
| by Daigoro on 2006/9/4 21:43:22 Glad to hear it worked out for you. Did you check if it renders correctly in both IE 5, 6 and Firefox? As you probably allready know, IE implemented the box-model in a different way to the rest of the world, so you may run into trouble with this implementation - especially on IE 5. |
| Re: how to do a little color bar beside main menu? |
| by irmtfan on 2006/9/4 21:34:08 Thank you i failed to do it by border because i didnt put margin and border-color:#000; border-right-color:#000; doesnt work for this purpose. also margin is important. Thanks agian.now it show bar exactly like that i want. always learn a new thing. |
| Re: how to do a little color bar beside main menu? |
| by Daigoro on 2006/9/4 13:12:50 Here's some quick code, written in notepad and only testet in IE, that makes that vertical bar you want. I don't have access to an installed XOOPS to try to integrate it, but I'm sure you can do that yourself. Here we go: le="color: #000000"><?php <html> <head> <style> .test { background:#eee; padding: 5px 15px 5px 5px; margin: 0px 0px 5px 0px; height:1; border-color:#fff; border-right-color:#000; border-width:0px; border-right-width:4px; border-style:solid; } </style> </head> <body> </body> <a href="test" class="test">test</a> <br> <a href="test" class="test">test</a> <br> <a href="test" class="test">test</a> </html> Happy coding... |
| Re: how to do a little color bar beside main menu? |
| by homergz on 2006/9/4 11:01:44 That uses a border tag like this: border-right: medium dashed white; |
| how to do a little color bar beside main menu? |
| by irmtfan on 2006/9/4 9:22:29 i want to have a main menu like menu in this site: http://www.stylingnoord.nl/ it is used a different css code like this: le="color: #000000"><?php /* News Block Start */ .news{ background-color: #3F467C; width: 3%; } .newslink { vertical-align: middle; color: #3F467C; text-decoration: none; } td.newslink :hover{ color: #ff6600; text-decoration: none; } .newsarchivelink a{ color: #FF6600; text-decoration: none; } td.newsarchivelink :hover{ color: #3f467c; text-decoration: none; } /* News Block End */ i dont know how to do this with css for main menu in the code like #mainmenu a i can do it with image but i want to found a way to do it with css. |
Search
Recent Posts
Who's Online
Donat-O-Meter
| Stats | |
| Goal: | $15.00 |
| Due Date: | Jul 31 |
| Gross Amount: | $0.00 |
| Net Balance: | $0.00 |
| Left to go: | $15.00 |
|
|