Jump to content

oldnewbi

Members
  • Posts

    6
  • Joined

  • Last visited

oldnewbi's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. I'm trying to put in social media icons to my site but only the last icon I place will show up. right now only the twitter icon is showing but if I list youtube or facebook last that's what will show up <img src="images/facebook.png"/> <img src="images/youtube.png"/> <img src="images/twitter.png"/>
  2. I know how to place an image in my html5 code and position it absolutely with css. the problem is i want to use several more images on my site and every time I load a new image it replaces the previous one. bottom line, how do i go about loading more than 1 image without it replacing the previous one. thanks
  3. <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><title>im so tired</title><link rel="stylesheet" href="main.css"/></head><body><div id="big_wrapper"><header id="top_header"><h1>Nerdy Poker=Money and Girls</h1><h3>A Complete guide to crushing the 1-2 game</h3></header><div id="top_menu"><ul><li><a href="#"> Home</a></li><li><a href="#"> Tells</a></li><li><a href="#"> Charts</a></li><li><a href="#"> Tools</a></li><li><a href="#"> Videos</a></li><li><a href="#"> Blog</a></li></ul></div><div id="left"><nav id="left"><ul><li> <a href="#">Bet Sizing</a> </li><li><a href="#">Semi-Bluffing</a></li><li><a href="#">Bluffing</a></li><li><a href="#">Various Charts</a></li><li><a href="#">Live Play Tips</a></li><li><a href="#">SEARCH</a></LI><li><a href="#">Products</a></li><li><a href="#">About</a></li><li><a href="#">Various Charts</a></li><li><a href="#">Live Play Tips</a></li><li><a href="#">Live Play Tips</a></li></ul></nav></div><section id="middle"><div id="middle_header"><article> <a href="#"><header><hgroup><h1>starting hand charts</h1><h2>what to play and when to play it</h2></hgroup></header><footer><p>your starting place of how to play poker</P></footer> </a></article></div><article> <a href="#"><header><hgroup><h1>The mathematics needed at your local 1-2 game</h1><h3>Dont get this wrong</h3></hgroup></header><p>mathematics of the game</p></a></article><article> <a href="#"><header><hgroup><h1>theres more to learn</h1><h2>what to play and when to play it</h2></hgroup></header><footer><p>your starting place of how to play poker</P></footer> </a></article><article> <a href="#"><header><hgroup><h1>top 10 all time tips</h1><h2>remember these tips to keep you in the game</h2></hgroup></header><footer><p>this will help you avoid stepping into traps</P></footer> </a></article></article></div><div id="right"><p>the side ads</p></div><div id="footer">copywright guerrilla monkey boy cards</div></div></body></html>AND THE CSS:*{margin:0px;padding:0px;}#big_wrapper{width:1000px;margin:0px;}#top_header{border:1px solid red;text-align:center;float:right;color: #FFD700 ;background: #000000 ;margin:10px 5 5 5;width:100%;height:100px;}#top_menu{background: #380000 ;color: #FFD700;border:1px solid red;}#top_menu li {display:inline-block;list-style:none;padding:8px;font:bold 14px tahoma;}#top_menu ul li {display:inline-block;list-style:none;padding:8px;font:bold 14px tahoma;border:1px outset #E80000;}#left{float:left;color: #FFD700 ;background:#000000;margin:5px 15px 5px 0;border:1px solid black;width:110px;height:620px;}#left ul{color: #FFD700 ;margin:0px;list-style-type:none;}#left ul li{background-color:#000000 ;color: #FFD700 ;margin:5px;padding:10px;width:70px;border:3px outset #E80000;}#left ul li a{display:block;width:75px;height:15x;text-align:center;text-decoration:none;line-height:15px;}a{color: #ffffff;}#middle{background: #280000 ;float:left;margin:10px 15px 10px 0;width:610px;height:630px;}#middle_header{width:399x;text-align:center;background: #B8860B;border-bottom:40px solid darkred;padding:10px;margin:0 auto;margin-bottom:15px;}article {width:300px;text-align:center;background: #000000 ;border:1px solid red;padding:10px;margin:0 auto;margin-bottom:15px;}article footer {text-align:center;}#right{float:right;background: #A0A0A0 ;margin:10px 15px 10px 0;width:225px;height:630px;}#footer{background: #808080 ;color: #FFD700 ;clear:both;text-align:center;padding:15px;border-top:2px solid black;border-bottom:2px solid black;border-left:2px solid black;border-right:2px solid black;}
  4. im having trouble aligning my middle page. there listed vertically but I want them listed side by side two articles next to each other not vertically.
  5. oldnewbi

    alignment problem

    im working on a 3 column and middle articles are aligning vertical and Im trying to get them to align side by side. my first time here and looking forward to all replies. new to html/css and thanks
×
×
  • Create New...