Runboard.com
Слава Україні!



🙂       Use the black navigation bar to log in or create your account.

Jump to Page:  1  2  3 

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
ReplyQuote
Re: CSS pulldown menu?


I found this css menu at cssplay. It really looks like it can work (tried it with IE7, Opera and FF).

HTML
<div id="info">;

<h2></h2>;
<div id="holder">Harmony's Links<br />
<hr />
<a href="http://www.runboard.com/bitsthebible">It's The Bible</a>
<a href="http://www.runboard.com/bchristianchatterbox">Christian Chatterbox</a>
<a href="http://www.runboard.com/bchristianworld">Christian World</a>
<a href="http://www.runboard.com/bcoffeezon">CoffeeZon</a>
<a href="http://www.runboard.com/bunityinchrist">Unity In Christ</a>
<a href="http://www.runboard.com/bnearthecross">Near The Cross</a>
<a Href="http://www.runboard.com/bproverbs31fellowship">Proverbs 31 Fellowship</a>
</div>


CSS
#info {position:relative; height:24em;}

#info h2 {margin-bottom:0em;}
#holder {position:relative; width:150px; line-height:18px; height:20px; border:1px solid #f96; overflow:hidden; text-align:center; z-index:100; background:#ad8b72; color:#fffec0;}
#holder:hover {height:180px; cursoremoticonointer; background:#d7c5a6; color:#000;}
#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#ad8b72; text-decoration:none;}
#holder a:hover {color:#000;background:#ad8b72;}


Question, how do I put non-linkable subtitles in this one where I can define categories?

---

Advertise Boards On TRDConceptsDE
3/20/2007, 4:03 am Link to this post PM Pastor Rick Read Blog
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
ReplyQuote
Re: CSS pulldown menu?


Have you tried just adding text and <br/> in the HTML ??

And I dint think you need that id=info. I believe it is just something Stu uses to show ppl where to get the codes emoticon

---
~ Quickly, I must hurry, for there go my people and I am their leader ~
3/20/2007, 11:10 am Link to this post PM The Mooseman
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9607
Karma: 132 (+147/-15)
ReplyQuote
Re: CSS pulldown menu?


Moose, look at this line:
#info {position:relative; height:24em;}
I think <div id="info"> is necessary with that particular CSS. emoticon

Pastor Rick, assuming you'll be using an unordered list like you have on your test board, you can give a class name to the <li>s containing your category headers, then define that class in your CSS:

<li><a href=".....">...</a></li>
<li class="category">Category name</li>
<li><a href=".....">...</a></li>

.category { font-weight: bold; border..... }

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
3/24/2007, 8:47 pm Link to this post PM Lesigner Girl Read Blog
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
ReplyQuote
Re: CSS pulldown menu?


Well maybe, but that would be strange

Well the xhtml is always placed in the #info div, so examine the source code, find the <div id="info">.....</div> and in between is the 'code'.



And if it is used, you need a second </div> in your HTML emoticon

---
~ Quickly, I must hurry, for there go my people and I am their leader ~
3/28/2007, 9:13 pm Link to this post PM The Mooseman
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9607
Karma: 132 (+147/-15)
ReplyQuote
Re: CSS pulldown menu?


With my time too limited to try it out myself right now, I'll just ask why a 2nd div is needed and leave it at that. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/1/2007, 4:31 pm Link to this post PM Lesigner Girl Read Blog
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
ReplyQuote
Re: CSS pulldown menu?


<div id="info">
<div id="holder">

You need to close them both emoticon

---
~ Quickly, I must hurry, for there go my people and I am their leader ~
4/1/2007, 6:34 pm Link to this post PM The Mooseman
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
ReplyQuote
Re: CSS pulldown menu?


That works... still have to put it in a table on the html side to get it to center though emoticon... One of these days I'll get it figured out...

---

Advertise Boards On TRDConceptsDE
4/2/2007, 8:47 pm Link to this post PM Pastor Rick Read Blog
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
ReplyQuote
Re: CSS pulldown menu?


Ok, I checked it out over at Design elements, and made the menu without the div#info.
I still say its not needed in any of Stu's menues

---
~ Quickly, I must hurry, for there go my people and I am their leader ~
4/20/2007, 9:00 am Link to this post PM The Mooseman
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9607
Karma: 132 (+147/-15)
ReplyQuote
Re: CSS pulldown menu?


Were you able to re-create it without the tables as well? emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
4/21/2007, 2:30 am Link to this post PM Lesigner Girl Read Blog
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
ReplyQuote
Re: CSS pulldown menu?


Ehhh...what tables ??

---
~ Quickly, I must hurry, for there go my people and I am their leader ~
5/3/2007, 7:07 pm Link to this post PM The Mooseman
 


Add to this discussion

Jump to Page:  1  2  3 



You are not logged in (login)
Back To Top

This board's time is GMT.