Jump to content

davidb52

Members
  • Posts

    55
  • Joined

  • Last visited

Everything posted by davidb52

  1. Hello,I want a link that has a little (let's say) slogan underneath it.so not:http://google.combut:http://google.com but in this situation I can't get it work... <ul> <li><a href="#">Technology</a> <!-- I want a little slogan under this --> <ul> <li><a href="#2">PHP</a></li> <li><a href="#1">HTML</a></li> </ul> </li> <li> <a href="#">Lifestyle</a> <!-- I want a little slogan under this --> <ul> <li><a href="#">Sneakers</a></li> <li><a href="#">Random</a></li> </ul> </li> <li> <a href="#">About</a> <!-- I want a little slogan under this --> <ul> <li><a href="#">Background</a></li> <li><a href="#">Contact</a></li> </ul> </li></ul> /* Menu outside*/nav#headerMenu{width: 724px;height: 75px;margin: 0px 0px 0px 266px;padding: 0px 5px 0px 5px;background-color: rgb(255,255,255);}ul{margin: 0;padding: 0;list-style: none;float: right;font-size: 18px;}ul li{display: block;position: relative;float: left;line-height: 75px;}li ul{display: none;}ul li a{display: block;text-decoration: none;margin-right: 5px;white-space: nowrap;height: 72px;width: 150px;text-align: center;color: rgb(99,99,99);}li:hover ul{display: block;position: absolute;}li:hover li{float: none;font-size: 10px;width: 150px;height: 20px;}/* Submenu kleur */li:hover ul a{background: rgb(255,255,255);height: 20px;margin-top: 0px;line-height: 20px;}/* Submenu kleur (hover) */li ul a:hover{color: rgb(0,93,232);background-color: rgb(156,156,156);}/* hoofdmenu kleur hover submenu */li:hover > a {background: rgb(0,93,232);height: 2px;margin-bottom: 72px;}
  2. MM, link doesn't work.But I'm using html5. http://dev.w3.org/html5/html-author/doesn't tell anything about what to use... http://www.w3schools.com/html5/tag_meta.aspin the example that you can try, they use />. While later they use "HTML5: <meta charset="UTF-8">" So what is the best way?The validator doesn't say anything about it...
  3. Hello,I'm wondering if this is allowed, and for so far I can't find the answer.For elements likemetaimgHow do you close it? Because you only need "1" element (<img src="">) not 2 like (<a href=""></a>)So:<meta charset="utf-8"><img src="images/layout/logo.png" width="266" height="100" alt="Logo"> or<meta charset="utf-8" /><img src="images/layout/logo.png" width="266" height="100" alt="Logo" /> notice the / Thanks,David
  4. I'm working on a similar menu too. This is may useful for you: HTML: <ul id="menu"><li id="home"><a href="#">Home</a></li><li id="about"><a href="#">About Us</a><ul><li id="about2"><a href="#">The teams</a><ul><li><a href="#">History</a></li><li><a href="#">Vision</a></li><li><a href="#">History</a></li><li><a href="#">Vision</a></li></ul></li><li><a href="#">History</a></li><li><a href="#">Vision</a></li></ul></li><li id="products"><a href="#">Products</a><ul><li><a href="#">Cozy Couch</a></li><li><a href="#">Great Table</a></li><li><a href="#">Shiny Shelf</a></li><li><a href="#">Invisible Nothing</a></li></ul></li><li id="contact"><a href="#">Contact</a><ul><li><a href="#">Online</a></li><li><a href="#">Right Here</a></li><li><a href="#">Somewhere Else</a></li></ul></li></ul> CSS: /* menu */ul{font-weight: bold;font-size: 24px;margin: 0;padding: 0;list-style: none;}ul li{display: block;position: relative;float: left;}li ul{display: none;}ul li a{display: block;text-decoration: none;padding: 7px 5px 0px 5px;background: orange;white-space: nowrap;}li:hover ul{display: block;position: absolute;}li:hover li{float: none;font-size: 11px;}/* Hoofdmenu kleur */#about:hover a{background: red;}/* Submenu kleur */#about:hover ul a{background: yellow;}/* Hoofdmenu kleur (hover) */#about a:hover{background: red;}/* Submenu kleur (hover) */#about ul a:hover{background: green;}#about2 ul{display:none;}#about2:hover ul{display:block;left: 100%;top:0px;}#about2:hover ul a{background: purple;}#about2 ul a:hover{background: blue;}
  5. Hello,I'm David Bonting and I'm 16 and live in the Netherlands.I learned programming trough lynda.com and now for now a days questions I use w3schools and his forum. I'm learning programming so I could make my own social network (link in my signature)
×
×
  • Create New...