Jump to content
Killersites Community


New Members
  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About midwestdv

  • Rank
    New member
  1. midwestdv

    Shark-Semester Navbar Question

    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. midwestdv

    Shark-Semester Navbar Question

    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. midwestdv

    Multiple ID's in Div Tag

    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.