1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

HTML help

Discussion in 'Web Design & Development' started by WarriorGal, Jul 3, 2007.

Thread Status:
Not open for further replies.
Advertisement
  1. WarriorGal

    WarriorGal Thread Starter

    Joined:
    Jul 2, 2007
    Messages:
    9
    Go to this site and on the bottom of the page a layout is presented. I replaced all the necesary values but the text of what I've written flows over the borders of my pictures in the background. What values in the HTML do I change so that the text starts and stops at a certain point (within the boundaries of my picture borders)?

    http://eonlightvalley.com/photoshoplayouts.php
     
  2. dez_666

    dez_666

    Joined:
    May 29, 2007
    Messages:
    842
    From what i can see, you're talking about making it so that the text in

    HTML:
    <center><b>.:. CONTENT HEADER HERE .:.</b></center><br><br>
    
    
    Make sure you fill out the CSS properly. I have put "INSERT [whatever] URL HERE" in the places you have to edit.
    
    </td></tr></table>
    doesnt overflow....i think?

    I think what you want is a DIV layer..have you ever trying a WYSIWYG editor? =]
     
  3. WarriorGal

    WarriorGal Thread Starter

    Joined:
    Jul 2, 2007
    Messages:
    9
  4. dez_666

    dez_666

    Joined:
    May 29, 2007
    Messages:
    842
    WYSIWYG editors are programs that allow you to create websites while doing little coding, or no coding for simpler sites. Dreamweaver is a big one, its the only one ive ever used, but there are others. Dreamweaver isnt free btw :D

    Anyways, I will copy your site's source and try to fix it up for you.. :eek:
     
  5. WarriorGal

    WarriorGal Thread Starter

    Joined:
    Jul 2, 2007
    Messages:
    9
    Thank you :)
     
  6. dez_666

    dez_666

    Joined:
    May 29, 2007
    Messages:
    842
    So excatly what do you want moved? You want the text thats written at the bottom to be put below the picture, instead of starting beside it I assume?
     
  7. WarriorGal

    WarriorGal Thread Starter

    Joined:
    Jul 2, 2007
    Messages:
    9
    ok, you see where it says "link here" a couple of times? its running over my image border (the dark pink). and you see where it says "testing testing..."? it also runs over the same border on the other side. can you make it so that the "link here" text starts after the dark pink border and ends before the it as well? and make it so that the content area ends before hitting the dark pink border.

    thanks sooo much if your willing to do this ^^. if you want ill put credit to you however you want.
     
  8. dez_666

    dez_666

    Joined:
    May 29, 2007
    Messages:
    842
    Okay so I think I got what you want. here it is:


    HTML:
    <html>
    <head>
    <title>Steel Angel Warriors - Sakura of the Cherry Blossoms</title>
    <style>
    
    A:link 
    {text-decoration: none; color: #003399;}
    A:visited 
    {text-decoration: none; color: #003399;}
    A:active
    {text-decoration: none; color: #003399;}
    A:hover 
    {text-decoration: none; color: #6666FF;}
    
    body
    {font-family: Verdana; sans serif; helvetica;
    color: #333333;
    font-size: 9px;
    background-color: #FFFFFF;
    text-align: justify;
    margin-bottom: 5px; 
    margin-right: 0px; 
    margin-top: 5px;}
    
    #centerlayout
    {margin-left: -370px;
    margin-right: 0px; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    width: 740px;
    left: 50%;
    top: 0%;
    position: absolute;}
    
    #leftmenu
    {font-family: Verdana; sans serif; helvetica;
    color: #333333;
    font-size: 9px;
    background-color: #FFFFFF;
    background-image: url('http://i33.photobucket.com/albums/d89/WarriorGal/Steel%20Angel%20Warriors/Sakura/leftmenu.jpg'); repeat-y;
    text-align: left;
    border: 0px;
    width: 190px;}
    
    #content
    {font-family: Verdana; sans serif; helvetica;
    color: #333333;
    font-size: 10px;
    background-color: #FFFFFF;
    background-image: url('http://i33.photobucket.com/albums/d89/WarriorGal/Steel%20Angel%20Warriors/Sakura/content.jpg'); repeat-y;
    border: 0px solid #000000;
    width: 550px;}
    
    #disclaimer
    {font-family: Verdana; sans serif; helvetica;
    color: #333333;
    font-size: 9px;
    background-color: #FFFFFF;
    background-image: url('http://i33.photobucket.com/albums/d89/WarriorGal/Steel%20Angel%20Warriors/Sakura/disclaimer.jpg');
    border: 0px solid #000000;
    text-align:center;
    width:740px;
    height:20px;}
    
    #banner
    {font-family: Verdana; sans serif; helvetica;
    color: #333333;
    font-size: 9px;
    background-color: #FFFFFF;
    background-image: url('http://i33.photobucket.com/albums/d89/WarriorGal/Steel%20Angel%20Warriors/Sakura/banner.jpg');
    width:740px;
    height:388px;
    border: 0px solid #000000;
    text-align:center;}
    
    </style>
    </head>
    <body leftmargin="25" rightmargin="0" topmargin="10" bottommargin="10">
    <div id="centerlayout">
    <table width="740" height="732" border="0" cellpadding="0" cellspacing="0">
    <tr><td height="124" colspan="2" align="center" valign="top" id="banner"></td>
    </tr>
    <tr>
    <td width="221" valign="top" id="leftmenu">
    
      <div align="center"><b>HEADER</b><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a>
      
        <br>
          <br>
      
        <b>HEADER</b><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a>
      
        <br>
          <br>
      
        <b>HEADER</b><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a>
      
        <br>
          <br>
      
        <b>HEADER</b><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a><br>
          <a href="#">Link Here</a>
      
    </div></td>
    <td width="550" valign="top" id="content">
    <div align="justify">
    
    <table border="0" cellspacing="0" cellspadding="5">
    <tr>
    <td valign="top" id="content">
    
    <center><b>.:. CONTENT HEADER HERE .:.</b></center>
    <p><br>
        <br>
      
      <img src="http://i33.photobucket.com/albums/d89/WarriorGal/Steel%20Angel%20Warriors/d2658f8b.gif">
    </p>
    <p>testing testing testing testing testing testing testing testing testing testing testing testing</p>
    <p> testing testing testing testing testing testing testing testing testing testing testing testing</p>
    <p> testing testing
        <style type="text/css">
    body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D9261a/image.gif") !important;}
      </style> 
            
    </p></td></tr></table>
    
    </div>
    </td>
    </tr>
    <tr><td valign="top" id="disclaimer" colspan="3">
    </td></tr>
    </table>
    <!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></body>
    </html>
    Copy n paste it, tell me what ya think. :eek:
     
  9. lavazza

    lavazza

    Joined:
    May 15, 2006
    Messages:
    125
    That site fails validation on 49 counts so the code is not worth using as a 'template'

    Have a look at www.strictlycss.com
    I'm guessing, by the Gal in your name, that you might be interested in cssprincess.com

     
  10. dez_666

    dez_666

    Joined:
    May 29, 2007
    Messages:
    842
    Well...phooey to the validator :mad:
     
  11. dez_666

    dez_666

    Joined:
    May 29, 2007
    Messages:
    842
    WarriorGal, you should check out CrimsonEditor in my signature. You should learn HTML and code websites by hand, because you will learn a lot more and be able to diagnose problems easier. But WYSIWYG editors sometimes help, like in this case, when you need to see where things are going as you edit them. But really, look into Crimson editor, which is basically a notepad on steroids, and look into learning HTML. (y)
     
  12. lavazza

    lavazza

    Joined:
    May 15, 2006
    Messages:
    125
    @dez_666
    If you thought that my comment 'that site fails validation' was about the code you posted, then I'm sorry

    I'm not that rude, honest (at least, not on purpose)

    I was talking about http://eonlightvalley.com/photoshoplayouts.php, written by someone who, it seems, suffers from delusions of grandeur:
    Ha!
     
  13. MMJ

    MMJ Guest

    Joined:
    Oct 15, 2006
    Messages:
    3,625
    ROFL. :D
     
  14. WarriorGal

    WarriorGal Thread Starter

    Joined:
    Jul 2, 2007
    Messages:
    9
    Umm... I hope I didn't start a conflict here... I'll look up CrimsonEditor and CSS Princess. No worries =D

    Maybe this is a bad time to ask but as my HTML skills aren't too great... did you like the images I used for the layout? =D Its pink but I think its not too unpleasant to look at.
     
  15. MMJ

    MMJ Guest

    Joined:
    Oct 15, 2006
    Messages:
    3,625
  16. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/591480

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice