Go Back   Computer Forums > Web Design | Website Development > Web Programming
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 04-18-2007, 04:46 AM   #1
Bogan
 
Neodude112320's Avatar
 
Join Date: Feb 2006
Location: Australia
Posts: 8,471
Send a message via MSN to Neodude112320
Question Picture Aligment

Im currently building this website:www.nerd-arcade.net.tf

and i cant get the 2 dividers to aligh properly,i want it too look like this:

__________________

__________________
Desktop:BitFenix Survivor~Gigabyte GA-P67A-UD3R~ i7 2600K @ 4hz~AMD 6870 1GB~12gb Team Elite DDR3 1333~3xWD In RAID5~W7 Ult
Laptop:Alienware M11x~ i7-2637M 1.7GHz~16GB 1333MHz DDR3~GeForce GT 540M~W7 Ult
Neodude112320 is offline   Reply With Quote
Old 04-18-2007, 04:29 PM   #2
Golden Master
 
borat_sagdiyev's Avatar
 
Join Date: Feb 2006
Posts: 8,986
Send a message via AIM to borat_sagdiyev Send a message via MSN to borat_sagdiyev
Default Re: Picture Aligment

do they look normal in your design software?
__________________

__________________
Core 2 Duo e4500 2.2ghz @ 2.8ghz
evga 650i ultra
2gb 400mhz ram OC'ed to 450
evga geforce 7600GT overclocked
borat_sagdiyev is offline   Reply With Quote
Old 04-18-2007, 09:25 PM   #3
Bogan
 
Neodude112320's Avatar
 
Join Date: Feb 2006
Location: Australia
Posts: 8,471
Send a message via MSN to Neodude112320
Default Re: Picture Aligment

yeah,Thats where i got the screenshot from.
__________________
Desktop:BitFenix Survivor~Gigabyte GA-P67A-UD3R~ i7 2600K @ 4hz~AMD 6870 1GB~12gb Team Elite DDR3 1333~3xWD In RAID5~W7 Ult
Laptop:Alienware M11x~ i7-2637M 1.7GHz~16GB 1333MHz DDR3~GeForce GT 540M~W7 Ult
Neodude112320 is offline   Reply With Quote
Old 04-19-2007, 08:59 AM   #4
In Runtime
 
Daeva's Avatar
 
Join Date: Dec 2005
Posts: 407
Send a message via AIM to Daeva Send a message via MSN to Daeva Send a message via Yahoo to Daeva
Default Re: Picture Aligment

best way is to use a table.
I know people hate when I say that, although I don't know why.
Code:
<table id="mainTable">
 <thead>
  <tr>
    <th colspan="2" valign="bottom" align="center" style="text-align: center;">
    This is the table header
   </th>
 </tr>
</thead>
<tbody>
 <tr>
  <td colspan="2" valign="top" align="center" style="text-align: center;">
  This is your first block of text
  </td>
 </tr>
 <tr>
  <td colspan="2" valign="top" align="center" style="text-align: center;">
  <img src="imageGoesHere.gif" alt="" />
  </td>
 </tr>
</tbody>
</table>
then just replace the tr sections in the tbody tag as many times as needed.
__________________
**Official Self-proclaimed glorified excessive (insert additional adjectives here) post editor/modifier.
Edit = Best feature ever
http://www.twitter.com/xDaevax
Daeva is offline   Reply With Quote
Old 04-20-2007, 06:16 AM   #5
Bogan
 
Neodude112320's Avatar
 
Join Date: Feb 2006
Location: Australia
Posts: 8,471
Send a message via MSN to Neodude112320
Default Re: Picture Aligment

That Just Makes it come up with a box with a red cross through it....I think ill just put a Scroll box on the page.
__________________
Desktop:BitFenix Survivor~Gigabyte GA-P67A-UD3R~ i7 2600K @ 4hz~AMD 6870 1GB~12gb Team Elite DDR3 1333~3xWD In RAID5~W7 Ult
Laptop:Alienware M11x~ i7-2637M 1.7GHz~16GB 1333MHz DDR3~GeForce GT 540M~W7 Ult
Neodude112320 is offline   Reply With Quote
Old 04-20-2007, 10:39 AM   #6
In Runtime
 
Daeva's Avatar
 
Join Date: Dec 2005
Posts: 407
Send a message via AIM to Daeva Send a message via MSN to Daeva Send a message via Yahoo to Daeva
Default Re: Picture Aligment

you have to change the part that says image goes here with the url of the image you want to load.
Here is a cleaned up version that you could play with if you want.
Code:
<?xml version=&quot;1.0&quot; enctype=&quot;iso-8859-1&quot;?>
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
<html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en-US&quot; lang=&quot;en-US&quot; dir=&quot;ltr&quot;>
 <head>
  <meta name=&quot;verify-v1&quot; content=&quot;HoiO6k6ZGX8SXwjIqrQY/qnEQWVUXnMxDVQkxuczv14=&quot; />
  <title>N3RD M.A.M.E Arcade Cabinet</title>
  <meta name=&quot;verify-v1&quot; content=&quot;HoiO6k6ZGX8SXwjIqrQY/qnEQWVUXnMxDVQkxuczv14=&quot; />
  <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot; />
  <script>
     var d='nerd-arcade.net.tf';
  </script>
  <script type=&quot;text/javascript&quot; src=&quot;http://85787978.statistiq.com/85787978.js&quot;>
  </script>
  <style type=&quot;text/css&quot;>
  body
  {
   background-image: url('http://au.geocities.com/hack3r.112320//Code2.jpg');
   background-repeat: repeat-y;
   background-color: #000000;
   color: #ffffff;
   font-size: 18px;
   font-family: Century Gothic, Sans-Serif;
  }
  #mainDiv
  {
   position: absolute;
   top: 65px;
   left: 10px;
   z-index: 0;
   height: auto;
   width: auto;
  }
  #mainTable
  {
   width: 1000px;
   height: auto;
  }
  .linkImage
  {
   width: 100px;
   height: 30px;
   border-width: 0px;
  }
  </style>
 </head>
 <body>
 </body dir=&quot;ltr&quot; lang=&quot;en-us&quot;>
  <div id=&quot;mainDiv&quot;>
   <table id=&quot;mainTable&quot;>
    <tbody>
     <tr>
       <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot; style=&quot;width: 375px;&quot;>
       <!-- This is the table that holds the links -->
         <table id=&quot;linksTable&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
          <tr>
            <th id=&quot;linkHeader&quot; colspan=&quot;1&quot; valign=&quot;bottom&quot; align=&quot;center&quot; style=&quot;text-align: center;&quot;>
             Navigation
            </th>
          </tr>
         </thead>
         <tbody>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;index.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics1&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b8.png&quot; alt=&quot;Home&quot; />
             </a>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;intro.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics2&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b1.png&quot; alt=&quot;Intro&quot; />
             </a>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;const.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics3&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b2.png&quot; alt=&quot;Construction&quot; />
             </a>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;pain.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics4&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b3.png&quot; alt=&quot;Paint&quot; />
             </a>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;sys.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics5&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b4.png&quot; alt=&quot;System&quot; />
             </a>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;gal.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics6&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b5.png&quot; alt=&quot;Gallery&quot; />
             </a>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;link.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics7&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b6.png&quot; alt=&quot;Links&quot; />
             </a>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
             <a href=&quot;contact.html&quot; target=&quot;_self&quot;>
              <img name=&quot;graphics8&quot; class=&quot;linkImage&quot; src=&quot;http://au.geocities.com/hack3r.112320//b7.png&quot; alt=&quot;Contact Us&quot; />
             </a>
            </td>
          </tr>
         </tbody>
        </table>
       <!--End of the table that holds the links -->
       </td>
       <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;center&quot; style=&quot;width: 625px;&quot;>
        <table id=&quot;contentTable&quot; style=&quot;width: 100%;&quot;>
         <thead>
          <tr>
            <th id=&quot;contentHeader&quot; colspan=&quot;1&quot; valign=&quot;bottom&quot; align=&quot;center&quot; style=&quot;text-align: center; font-size: 38px; font-weight: normal;&quot;>
             N3rd M.A.M.E. Cabinet
            </th>
          </tr>
         <tbody>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;center&quot; style=&quot;text-align: center;&quot;>
            <sup style=&quot;font-size: 12px;&quot;>Est. April 16, 2007</sup>
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;center&quot; style=&quot;text-align: center;&quot;>
             This website is dedicated to my arcade Machine!
             <br />
             <img src=&quot;http://au.geocities.com/hack3r.112320/div.gif&quot; alt=&quot;&quot; />
             <br />
             April 18, 2007: Test!!!
             <br />
             <img src=&quot;http://au.geocities.com/hack3r.112320/div.gif&quot; alt=&quot;&quot; />
             <br />
             <span style=&quot;font-size: 20px;&quot; The N3RD M.A.M.E. Cabinet!!
            </td>
          </tr>
          <tr>
            <td colspan=&quot;1&quot; valign=&quot;middle&quot; align=&quot;center&quot; style=&quot;text-align: center;&quot;>
             Before you start surfing though the website, I would like to take this opportunity to thank:
             <br />
             My Dad, Joe Santillo for helping me
             <br style=&quot;clear: both;&quot; />
             <hr style=&quot;width: 150px; color: #ffffff;&quot; size=&quot;1px&quot; />
            </td>
          </tr>
         </tbody>
        </table>
       </td>
     </tr>
     <tr>
       <td colspan=&quot;1&quot; valign=&quot;top&quot; align=&quot;left&quot;>
        &nbsp;
       </td>
       <td id=&quot;footer&quot; colspan=&quot;1&quot; valign=&quot;bottom&quot; align=&quot;right&quot; style=&quot;font-size: 14px; text-align: left;&quot;>
        <script type=&quot;text/javascript&quot;>
         <!--
          document.write(&quot;This Website,Unless otherwise stated is created by Luke Santillo,Including all Graphics and coding.The Dividers on this page are curtosy of Design tote.&quot;);
         //-->
        </script>
       </td>
     </tr>
    </tbody>
   </table>
  </div>
 </body>
</html>
__________________

__________________
**Official Self-proclaimed glorified excessive (insert additional adjectives here) post editor/modifier.
Edit = Best feature ever
http://www.twitter.com/xDaevax
Daeva is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
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
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 12:42 AM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0