Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Sep 2010
    Posts
    2
    Member #
    23958
    Hey all, this is my frist time on this forum and my frist time using Dreamweaver (or making a website from scratch).

    I'm stuck in creating the design of the website (main page). I would rather havve someone teach me how to do this than having others doing it for me. I am a quick learner, so hopefully we won't get into much conflict!

    Anyways, below is my index.html's code
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="main.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <div id="contentHolder">
      <table width="937" border="0" align="center" cellpadding="4" cellspacing="10">
        <tr>
          <td width="230" height="380" valign="top" style="background:url(images/youtube_container.png) no-repeat"><p><img src="Images/YouTube1.png" alt="YouTube Logo" width="213" height="187" class="images" /></p>
            <h2>YouTube</h2>
            <p>A growing YouTube Channel dedicated to offering you great technological knowledge! Unboxings, Reviews, Tech Talk, Giveways! All part of a growing tech community!</p></td>
          <td width="230" height="380" valign="top" style="background:url(images/twitter_container.png) no-repeat"><p><img src="Images/twitter1.png" alt="Twitter Logo" width="216" height="188" class="images" /></p>
            <h2>Twitter</h2>
            <p>Follow Carl to see what he is up to and for the latest updates in regards to TechTubeMedia! Following also earns you giveaway notifications and entries!</p>
          </td>
          <td width="437"><table width="433" border="0" cellspacing="7" cellpadding="5">
            <tr>
              <td width="419" height="120" align="left" valign="top" style="background:url(images/forums_contianer.png) no-repeat"><h3 class="forumshead"><img src="Images/forums.png" alt="Forums Logo" width="64" height="64" class="sideImages" />Forums</h3>            <p>Be part of the TechTubeMedia Community! Head over to the Forums and interact with other TechTubeMedia viewers. You also get the chance to enter in multiple giveaways!</p></td>
            </tr>
            <tr>
              <td width="419" height="120" align="left" valign="top" style="background:url(images/vlog_contianer.png) no-repeat"><h3 class="sideHeads"><img src="Images/play.png" alt="Vlog Logo" width="112" height="112" hspace="12" align="left" class="sideimages2" /></h3>
                <h3 class="sideHeads">Vlog
                </h3>
                <p class="sidetext2">The center for all TechTubeMedia videos and then some! Features YouTube videos and exlusive vlogs. The video entertainment corner of the TechTubeMedia website!</p></td>
            </tr>
            <tr>
              <td width="419" height="120" align="left" valign="top" style="background:url(images/store_contianer.png) no-repeat"><h3><img src="Images/Shopcart.png" alt="Shop Logo" width="110" height="110" align="left" class="sideImages3" /> </h3>
                <h3><span class="sideHeads2">Store</span></h3>            <p>Want to buy electronics? Anything? I mean anything! The amazon-powered store features many amazing electronics and specific products that Carl has unboxed, reviewed and given away!</p></td>
            </tr>
          </table></td>
        </tr>
      </table>
      <p>&nbsp;</p>
    <p>&nbsp;</p></div>
    <div id="apDiv1"></div>
    </body>
    </html>
    Below is my CSS File
    Code:
    body {
    	background-image: url(Images/head_background.jpg);
    	background-repeat: repeat-x;
    	background-color: #ECECEC;
    }
    #contentHolder {
    	left:231px;
    	top:42px;
    	width:1327px;
    	height:716px;
    	z-index:1;
    	margin-top: 150px;
    	margin-right: auto;
    	margin-bottom: 0px;
    	margin-left: auto;
    }
    .images {
    	margin-left: 3px;
    	margin-top: 20px;
    }
    .sideHeads {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 2em;
    	color: #FFF;
    	text-align: left;
    	margin-top: -25px;
    }
    .sidetext2 {
    	margin-top: -20px;
    }
    
    .sideHeads2 {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 2em;
    	color: #FFF;
    	text-align: left;
    	margin-top: -20px;
    }
    
    #contentHolder table tr td table tr td p {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 0.8em;
    	color: #000;
    	margin-top: -12px;
    }
    
    .forumshead {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 2em;
    	color: #FFF;
    	text-align: left;
    	margin-top: -15px;
    }
    
    
    .sideImages {
    	margin-top: -15px;
    	margin-left: -5px;
    }
    .sideImages3 {
    	margin-top: -20px;
    	margin-left: -5px;
    }
    
    #contentHolder h2 {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 2em;
    	color: #FFF;
    	margin-top: -10px;
    	text-align: center;
    }
    #contentHolder p {
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 0.8em;
    	color: #000;
    	text-align: center;
    	margin-top: -15px;
    }
    .sideimages2 {
    	margin-top: 10px;
    	margin-left: -20px;
    }
    It would be great if someone can pitch in some suggestions or ideas!

    Below is what I am excpecting from the layout:



    Again, I appreciate sugestions and ideas on how I can fullfil the structrue properly (it is not workiing so far!)

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:18 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com