Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow mouseover event on a 2 colored cell?

    Hi there people, this is my first post. Im really starting to learn css and all that comes with it. But im strugglin with the following code.

    PHP Code:
    <html>
        <
    head>
            <
    style type='text/css'>

                
    div {border:1pxborder-radius5px; }
                
    body  {color:white;} 
                
    td {
                    
    padding0;
                    
    margin0;
                    
    text-aligncenter;
                    }
                .
    container {
                    
    positionrelative;
                               
    z-index: -1;
                }
                .
    bg {
                    
    positionabsolute;
                    
    top0;
                    
    bottom0;
                    
    width100%;
                }
                .
    content {
                    
    positionrelative;
                    
    top10;
              
                }
                .
    yellow {
                    
    top0;
                    
    background-colorblack;
                      
    z-index: -1;
                }
                .
    green {
                    
    bottom19;
                    
    background-color#2b2b2b;
                      
    z-index: -1;
                }
            </
    style>
        </
    head>
        <
    body>
            <
    table id="x">
                <
    tr>
                    <
    td>
                        <
    div class="container">
                            <
    div class="content">&nbsp;&nbsp;Home&nbsp;&nbsp;<br><br></div>
                            <
    div class="bg yellow"></div>
                            <
    div class="bg green"></div>
                        </
    div>           
                    </
    td>    
                 </
    tr>
            </
    table>
            
        </
    body>
    </
    html

  • #2
    New to the CF scene
    Join Date
    Jun 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Edit
    Now the idea was to make a menu with a double colored cell horizontal. So i created the cell with 2 colors. Now i wish to make a mouseover event that also will have the same 2 color cell only then 2 diffrend colors. If anyone could point me in the right direction or make it work i will love u for ever. Strugglin with this now for over 4 hours

    PHP Code:
    <html>
        <
    head>
            <
    style type='text/css'>

                
    div {border:1pxborder-radius5px; }
                
    body  {color:white;} 
                
    td {
                    
    padding0;
                    
    margin0;
                    
    text-aligncenter;
                    }
                .
    container {
                    
    positionrelative;
                               
    z-index: -1;
                }
                .
    bg {
                    
    positionabsolute;
                    
    top0;
                    
    bottom0;
                    
    width100%;
                }
                .
    content {
                    
    positionrelative;
                    
    top10;
              
                }
                .
    yellow {
                    
    top0;
                    
    background-colorblack;
                      
    z-index: -1;
                }
                .
    green {
                    
    bottom19;
                    
    background-color#2b2b2b;
                      
    z-index: -1;
                }
            </
    style>
        </
    head>
        <
    body>
            <
    table id="x">
                <
    tr>
                    <
    td>
                        <
    div class="container">
                            <
    div class="content">&nbsp;&nbsp;Home&nbsp;&nbsp;<br><br></div>
                            <
    div class="bg yellow"></div>
                            <
    div class="bg green"></div>
                        </
    div>           
                    </
    td>    
                 </
    tr>
            </
    table>
            
        </
    body>
    </
    html

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    327
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •