Page Buttons

  • Author
    Posts
  • #140062

    yaheardthat
    Member

    dAmn Dev…your the man!! It works, the mouse over color change effect isn’t working but i’ll keep playing with that. Thank you so much for all of your help. I really appreciate it. I’m glad ithe links are up and running. Thanks!

    .Ray

    #140073

    devblog
    Member

    Ray,

    By looking at your source code, I see this:

    <li><a href='http://thisislavie.wordpress.com'><font color="#ffffff"> Home </a></font></li>

    Why did you add the <font> tag there? that:

    a) defeats the purpose of styling the text through CSS
    b) is deprecated and its use is frowned upon.

    I’d suggest you to remove that tag; if you do it, then the hover effect should work.

    HTH

    #140088

    yaheardthat
    Member

    Dev,

    When I remove the code…the text appears black for some reason. and I have the a link set at #FFFFFF and hover set at #588526

    #140090

    devblog
    Member

    Okay, I’ll look at it. Gimme a couple of minutes

    #140091

    yaheardthat
    Member

    cool thanks. dude, your a life saver!!

    #140101

    devblog
    Member

    where are you adding the new CSS? like in the middle or at the very bottom of the code?

    If it’s in the ‘middle’ move it to the bottom, if that still doesn’t work, try this:

    .mymenubar ul li{color: #fff;}
    
    .mymenubar ul li a{
    color:#fff !important;
    
    }
    
    .menubar ul li a:hover{
    color:#588526 !important;
    
    }

    Notice that I added .mymenubar ul li{color: #fff;} so that you get rid of those other font tags.

    Lemme know.

    #140105

    yaheardthat
    Member

    yeah, the coding is at the bottom. I’m going to give this a try. I’ll let u know. Thank u again!!!

    #140110

    yaheardthat
    Member

    yeah it’s stil trippin, I’m just going to leave it how it is….I dunno y the hover color isn’t changing. it’s staying white and adding a dash underline like my other links. The links are all bunched up. It’s cool though dude, I feel like I’m being a headache u know. I dunno why it’s acting up.

    #140112

    devblog
    Member

    man, that’s freaking weird!

    No worries. You’re not… I really don’t understand why those things are behaving that way…

    What did you change that now the links are bunched up?

    #140115

    yaheardthat
    Member

    I know. I changed it to what u posted and that’s what happend. It’s so wierd!

    #140116

    yaheardthat
    Member

    i believe the .myspace ul li was causing it to bunch up.

    #140120

    devblog
    Member

    sorry, my bad… when I modified this selector:

    .mymenubar ul li{color: #fff;}

    I forgot to include the display property, it should look like this:

    .mymenubar ul li{color: #fff; display: inline;}

    I apologize for that mistake.

    Please, try that and make sure the color properties for the a tags have the !important rule.

    .mymenubar ul li a{
    color:#fff !important;
    
    }
    
    .menubar ul li a:hover{
    color:#588526 !important;
    
    }
    #140124

    yaheardthat
    Member

    ohh cool, I’m going to give this a try.

    #140126

    yaheardthat
    Member

    wait, but what about positioning the text though??? I would like it to b in that black space near the header. Will this still work?

    #140127

    devblog
    Member

    yeah cause you’re not changing the #menubar{} selector, right? That’s where you have your positioning set, no?

    #140128

    yaheardthat
    Member

    IT WORKS!!! now I just have to get the text to line up right and not below one another. I know i keep saying this, but thank u man. You’ve been so helpful!!!

    .Ray

    #140129

    devblog
    Member

    No worries, man. Just pay it forward whenever you can.

    Now, it used to be aligned one next to each other, right? so let’s see how your CSS should look by now (including modifications):

    .mymenubar{
    margin-left:0;
    position:absolute;
    margin-top:-29px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
    
    }
    
    .mymenubar ul{
    list-style: none;
    position: relative;
    
    }
    
    .mymenubar ul li{
    color: #fff;
    display: inline;
    }
    
    .mymenubar ul li a{
    color:#fff !important;
    }
    
    .menubar ul li a:hover{
    color:#588526 !important;
    }

    Compare it to what you have now. If otherwise, the above should work.

    #140132

    yaheardthat
    Member

    coding is right, but it’s still bunched up.

    #140134

    devblog
    Member

    I wonder why your source code is pulling a blank.css page…

    #140136

    yaheardthat
    Member

    ??? I’m not sure I’ll show u wut my coding looks like.

    here’s the CSS:

    .mymenubar ul li {
    display:inline;
    margin-left:0;
    position:absolute;
    margin-top:-980px;
    font-family:Arial;
    font-size:9pt;
    text-decoration:none;
    color:#fff !important;
    }

    mymenubar ul li a {
    color:#fff !important;
    }

    .mymenubar ul li a:hover {
    color:#588526 !important;
    text-decoration:none;
    }

    Widget coding:

    <div class=”mymenubar”>

    </div>

The topic ‘Page Buttons’ is closed to new replies.