dcsimg
www.webdeveloper.com
Results 1 to 10 of 10

Thread: First code problems

  1. #1
    Join Date
    Nov 2011
    Posts
    10

    First code problems

    Hello. I have currently finished the skeleton for my first site and it should be up in a few days. I have wrote all the code myself using dreamweaver cs5. The only problem is I have put all of the text and pictures inside of one big border so when you minimize the screen part of the picture goes out side of the border. Is there any way I can make it so it stays inside the border?
    Thanks

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    Post the code. Or, even better, post a link to a test page.

  3. #3
    Join Date
    Nov 2011
    Posts
    10
    This is the contact me page code. I am not quite done with it and I want to make it look more profesional. But here is the sode any ways.(I know the menu bar and contact me form don't work I have to add the links.)



    <html>
    <head>

    <title>Contact Me</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    </head>

    <body bgcolor="#999999">
    <div style="position:absolute;margin-top:270px;left:30%;margin-right:200px;">
    <ul id="MenuBar2" class="MenuBarHorizontal">
    <li><a class="MenuBar" href=""><font color="red">Home</font></a></li>
    <li><a href=""><font color="red">About</font></a></li>
    <li><a class="MenuBar" href=""><font color="red">Game</font></a></li>
    <li><a href="contact me.html"><font color="red">Contact</font></a></li>
    </ul>
    </div>

    <div style="position:absolute; top:80px; left:188px; width: 650px;">
    <img src="../Desktop/contact.png" width="784" height="100">
    </div>
    <div id="contact_form" div style=position:absolute;top:400px;left:35%;>
    <form action="contactformprosess" method="post" name="form1" id="form1">
    <font color="red">

    <p>Name<br/>
    <input name="name" type="text" size="30" maxlength="40">
    </p>
    <br/>
    <p>Email<br/>
    <input name="email" type="text" size="30" maxlength="40"/>
    </p>
    Comments<br/>
    <textarea name="comment" cols="50" rows="10"></textarea></font>
    <br/>
    <input type="submit" name="submit" id="submit" value="Send Email"/>
    <input type="reset" name="reset" id="reset" value="Clear"/>
    </form>
    </div>

    <DIV STYLE="border:10px solid red;margin:25px;height:1000px;padding-right:25px;background:black;">
    </DIV>

    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>

    </html>

  4. #4
    Join Date
    Apr 2010
    Location
    Cocoa Beach, FL
    Posts
    41

    Layout ISSUES with HTML

    What platform are you using for your website? IS it a static content website with HTML only?

    Or is it a dynamic content website being powered by a server side language such as ColdFusion, PHP, or ASP.NET?

    Are you using CSS to generate the border? Are you using tables for your layout, or DIVs with CSS?

    I can certainly help you out with your website but I need to know the answers to these questions, also if you have a link to your problem page that would be helpful. I could examine it to determine the cause of the issue.

    Thanks.

    Michael G. Workman
    mworkman@usbid.com
    http://ic.locate-ic.com
    http://www.usbid.com

  5. #5
    Join Date
    Nov 2011
    Posts
    10
    I am using ccs, html and a bit of java script. I created the borders with ccs. What do you mean by tables? I a fairly new to this so sorry for my lack of understanding.

  6. #6
    Join Date
    Apr 2010
    Location
    Cocoa Beach, FL
    Posts
    41
    Tables were used in the first versions of HTML and were used to line up different content on the webpage. But over the years HTML tables have been slowly replaced with DIVS and CSS. Tables are more backwardly compatible with older web browsers, but are not as useful as DIVS with CSS.

    Here is an example of an HTML table to lineup some text content, and some DIVS and CSS that do the same thing.

    HTML Table:
    <table width='600' border='1'>
    <tr>
    <td>Label 1</td>
    <td>Label 2</td>
    </tr>
    </table>

    DIV with CSS:
    <div style="width:600px;border:1px solid black;float:left">
    <div style="width:200px;display:block;float:left;border:1px solid black;">
    Label 1
    </div>
    <div style="width:200px;display:block;float:left;border:1px solid black;">
    Label 2
    </div>
    </div>

    Hope this helps.

    Michael G. Workman
    mworkman@usbid.com
    Last edited by Michael_G; 11-23-2011 at 12:50 PM.

  7. #7
    Join Date
    Nov 2011
    Posts
    10
    Ok, thanks this should help a lot. Just one more question? Sorry about this but were would I put my content? Just inside the div tags or some were else? Sorry I am new to this.

  8. #8
    Join Date
    Nov 2011
    Posts
    10
    Sorry for the double post but just one more question. Does the table tag go inside of the body or in the head section?

  9. #9
    Join Date
    Apr 2010
    Location
    Cocoa Beach, FL
    Posts
    41

    TABLE Tags

    Table tags do not go in the head section, they only go in the body section of the HTML in the webpage.

    Do you have a link to your page on the internet where I can see your webpage?

    If I can look at your page directly I can help you with the content. But I have to go do some errands right now, I will be back on later this afternoon to answer questions you may have about webpages, HTML, and CSS.

    Michael

  10. #10
    Join Date
    Nov 2011
    Posts
    10
    My web page is not published yet. The only reason I have not published the page is because it is kind of just like a practice thing I made for fun for my friend. I have some bigger more serious ventures I want to get into, I just wanted to get a hold of being able to make a website and get a strong understanding of html before I put the time into making a legit site. I wil post the code down below. This is just the home page. The other pages are also set up in the same way with just a few variations and all suffering the same problem. I still need to add pictures and some ads but that is for a later date.
    <html>
    <head>

    <title>Home</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    </head>

    <body bgcolor="#999999">

    <div style="position:absolute; top:360px; left: 80px; width: 897px; height: 213px;">
    <h2><font color="yellow">Welcome to our website. We are detecated to bringing you the best games posable. The site is still in it's development stages so look for weekly updates and hopefully new games every few days. Fell free to contact me with any ideas on how to improve the site. This site is for you so feel free to email me sudjestions and things I could be doing better.</font></h2>

    </div>
    <div style="position:absolute; top:80px; left:17&#37;; width: 650px;">
    <img src="../Desktop/home.gif" width="800" height="100" align="middle">
    </div>

    <div style="position:absolute;top:270px;left:30%;">
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBar" href="home-games.html"><font color="yellow">Home</font></a></li>
    <li><a href="about.html"><font color="yellow">About</font></a></li>
    <li><a class="MenuBar" href="games at school.html"><font color="yellow">Games</font></a></li>
    <li><a href="contact me.html"><font color="yellow">Contact</font></a></li>
    </ul>
    </div>



    <DIV STYLE="border:10px solid yellow;margin:25px;height:1000px;padding-right:25px;background:black;">
    </DIV>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles