Jump to content
Stef's Coding Community

midwestdv

New Members
  • Content Count

    3
  • Joined

  • Last visited

Posts posted by midwestdv


  1. Think I figured it out.  in my css style sheet I put:

     #topnav .rightm {float: right;}.  

    Then in the html page I put this: 

    <div id="topnav" class="navupper">
        
        <ul>
            <li><a href ="http://www.google.com">Home</a></li>
            <li><a href ="http://www.google.com">Our Brands</a></li>
            <li><a href ="http://www.google.com">Shopping Experience</a></li>
            <li class="rightm"><a href="http://www.google.com">Shopping History</a></li>
        </ul>      
      </div>

     This floated the Home, Our Brands and Shopping Experience left and the Shopping History right.  The other class="navbar" is for making the font size a little bigger.  

    Only took me all day from 11am to 3pm to figure it out.  lol.  Ugh.  

     


  2. So I'm done with the CSS videos.  I'm now trying to create a simple website before I move on hard to javascript videos.  I have a question: 

    In your Shark-Semester HTML/CSS you have this: 

    <div id="topdiv">
    <span style="padding-left: 20px; font-size: 1em; letter-spacing: 2px;"><a href="#">home</a></span>
    <span style="float: right; padding-right: 20px;"><a href="#">shark biscuits</a> | <a href="#">shark training leashes</a></span>
    </div>

     I want to make a topdiv like this but I don't want to put the style="float:right" in the line.  I want to put that "style" in a style sheet.  How can I do that?  I've try this: 

    <div id="topnav">
        
        <ul>
            <li><a href ="http://www.google.com">Home</a></li>
            <li><a href ="http://www.google.com">Our Brands</a></li>
            <li><a href ="http://www.google.com">Shopping Experience</a></li>
            <li class="rightmove"><a href ="http://www.google.com">Shopping History</a></li>
            
            
        </ul> 

     In my style sheet I have this: 

    .rightmove {float: right;}

    but it does not work.  I want the Home, Our Brands, Shopping Experience link on the left and the Shopping History on the right.  

     

    Thanks!


  3. Hi!  First post on this site.  I finished the HTML course and just finished the CSS course a few days ago.  I'm taking a few week off before I start javascript to practice HTML and CSS.  So, here is what I want to know: 

    I have an id called #main and an id called #css-table.  

    Is there a way to put both of those in one div like <div id="main" "css-table">  or would <div id="main" id="css-table"> work?  I was playing around with both and could not get either one to work. 

    Thanks. 

×
×
  • Create New...