Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 09-15-2014, 11:24 AM
kickerplays kickerplays is offline
Contributing Member
 
Join Date: 08-26-12
Location: east coast
Posts: 60
iTrader: 0 / 0%
midde Alignment issues

the lower parts of my page (the mathematics needed, theres more to learn, top ten all time list, etc) are aligned vertically but what would like to do side by side two by two.
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 09-15-2014, 11:25 AM
kickerplays kickerplays is offline
Contributing Member
 
Join Date: 08-26-12
Location: east coast
Posts: 60
iTrader: 0 / 0%
sorry, forgot to include html and css.

HTML;
HTML Code:
<!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 CSS



Code:
*{ 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; }

Last edited by J. H. Rasmussen; 09-15-2014 at 11:53 AM. Reason: Added html and code wrappers.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Table Alignment Issues with Internet Explorer (IE) Guerino1 Coding Forum 9 05-31-2013 10:57 AM
Help With CSS Div Alignment Justagreenhorn Coding Forum 2 06-11-2012 04:15 PM
Alignment Issues with Website. Need coding help please. smswincorp Coding Forum 2 01-04-2010 05:29 PM
Post alignment issues Kream V7N Forum Support 23 04-24-2008 06:27 AM
Table Alignment Issues tosaha Coding Forum 7 08-25-2006 10:57 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 07:04 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC