₦airaland Forum

[quote author=yawa-ti-de link=topic=372424.msg5332821#msg5332821 date=1263721340]I am glad your issue has been solved.  Just one request: next time, put it in a new thread, as opposed to going off-topic on another  [/quote]I hope I remember your advice, lol. Una don take d cards??

Fellow webmasters
This is to thank you all for your contributions to containing the imminent headache(s) of this poster.

Now wey una don help me solve my submenu wahalas(pls visit www.c-edgemedia.com 2 see), I will sponsor a 1st class trip to King Faisal Specialist _Hospital and Research Centre for all of una wey contribute advice. You  deserve this presidential vac. And pls don't bother about passport, be rest assured that u will be treated well!

And to my oga[i]s[/i]; Dual,afam, 212 and "our 1st lady" yawa. Make una go to your various gsm provider collect reshash card. Tell dem say na me.

Thank you! Thank you for sharing your knowledge(s). And may you return safely and in good time from your trip to,

THE EDN!

Dual, u never talk wetin u wan talk O! No carry me go there O!

Ok. Here's the code as is:

<ul id="menu">
<li>
<a href="#">Our Company</a>
<ul>
<li><a href="company.html">About Us</a></li>
<li class="selected"><a href="employees.html">Our People</a></li>
<li><a href="investors.html">Investors</a></li>
</ul>
</li>
</ul>




p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 10em;
}

ul#menu a {
  display: block;
  text-decoration: none;
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #000;
  color: #fff;
  padding-left: 2em;
  padding: 0.7em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}


ul#menu li ul li a:hover {
  background: #666;
  color: #fff;
  font-weight: bold;
  border-left: 5px #f00 solid;
  padding-left: 15px;
}

li .selected a{
background: #000;
  color: #fff;
  font-weight: bold;
  border-left: 5px #fff solid;
  padding-left: 15px;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


Just wondering, shud it come b4 or after hover class? I read something about placement like that. And those code classes, I just dont get wot the are doing (my "teacher" actually added them after my codes but he never told me why)

Yawa, I know say you dey feel me well well, you confessed to that above. lol. Abeg, make I no begin toast my teacher repeat class
But I already declared the size specs in the div class, should I still declare it in the img tag?

Dual, now, i feel like giving up on the highlight thing. It just woudn't budge even after I added the selected class to the tag.

@Yawa,
Thanks ur comments/advice. I'd def try to brush up more on it. Guess its gonna take a while to get to ur level.
1) Indenting, I guess for now I rely too much on DW

2) I actually thought it works the page faster. Will take correction.

3) Should size specs be on the html or css ?

4) Ok. Pro'ly carried away with trying out all the tags

5)Now I really cudnt get to making a jquery animation(actually copied a sample fron net but then I cudnt make it work on my page) Guess I need help on that.

6)Ok. My client (dat sounds sweet) actually wanted longer.

And, on the pages, I cudnt get the buttons to be highlighted when selected. How can i do that? code attached hereunder.

@212, keep blazing, the compliment makes me feel privileged drinking from the same table with u guys.

Is dual on AWOL like some presido we know??



p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 10em;
}

ul#menu a {
  display: block;
  text-decoration: none;
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #000;
  color: #fff;
  padding-left: 2em;
  padding: 0.7em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}


ul#menu li ul li a:hover {
  background: #666;
  color: #fff;
  font-weight: bold;
  border-left: 5px #f00 solid;
  padding-left: 15px;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


<ul id="menu">
<li>
<a href="#">Partneship</a>
<ul>
<li><a href="partners.html">Content Develpoers</a></li>
<li><a href="agents.html">Creative Agencies</a></li>
</ul>
</li>
</ul>

Una no go kill me here O!. Looking at those site(soresights) I am embolden to put up my url for scrutiny from web masters.

this is my first design (dual, you actually helped me with my navigation code) and I feel i didn't do badly.

Abeg, my masters in designs, am open and eager to learn so make una tell me areas wey i commit coding crimes.

Yawa and dual, God of naira will bless you guys for your patience with wahala heads like me.

Here's the URL: http://www.c-edgemedia.com/index.html

I have my ACTIVE LINKS working NOW!
Yeah, I guess knowledge comes with perseverance (To think I almost gave up on this and wouldn't have known this is horrible )
I may be hitting back wid mo of my wahalas" and I hope you're gonna be here for me. You never know what a single act of kindness can do to some souls. Really appreciate but hang on wid me Oh, am still toddler on this

Dual core. Thank you sooo much. (I felt stupid that its just that simple input )
So, isn't there a way I could input the class universally in my html other that going through the <li> one after the other?
Abeg thank you again, this thing na common sense oh, (that is not common sha)

Thanks dual core but am actually talking about making keeping the selected link highlighted as an active page. The hover effect is ok but now, if someone clicks on the page how do they know they are actually on the page since the button (link) isn't highlighted?

Please, am trying out my little knowledge on css. Please, how do I make the active links to remain the same color with the hover? I don't seem to get it here. Am almost giving up on this but am eager to learn more. Please help.


.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 2px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 15px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #000040;
background: #ccc; /*background of tabs (default state)*/
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color: #fff;
background: #000040; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

Please, am trying out my little knowledge on css. Please, how do I make the active links to remain the same color with the hover? I don't seem to get it here. Am almost giving up on this but am eager to learn more. Please help.


.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 2px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 15px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #000040;
background: #ccc; /*background of tabs (default state)*/
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color: #fff;
background: #000040; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

Wetin una expect when he has been hanging around with tuface ?
The guy never was matured for that. Marriage is not like shows and studios. It involves discipline and sacrifice. He cudnt get over the sweet girls he encounters in shows and tours. And babes? Look b4 you enter. It doesn't just end with the fame and money but una no go listen now
I pity the lil kid in the middle of all this.

Dear _Terrorist Mr. Mutallab,
I know the american are still givin you milk and attention while we are bearing the brunt of your bold adventure. But am not going to insult you(u prolly have a database for it so u don't send your ppl on me).
In short, let me not waste your time.
Dear Terrorist, sorry, Mr. Mutallab, can u use your contacts to help us locate where our presideath is ?Abeg.


Alienated countryman,

@chukwudi
I wonder why we nigerians have this attitude of antagonism.   You never even wait make the show start before you begin dey cast. Make we try support our own thing.

I think its a welcome concept especially in the face of the lay off going around the employment sector now. Anything that will contribute to creating jobs and means of livelihood should be encouraged. I've been to the site and it seems its going to break from all the "nollywood shows" we have on tv now. Just hope it wont be another short-lived project.