HTML help

Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.
W

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
 
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? =]
 
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:
 
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?
 
W

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.
 
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:
 
L

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
a collection of CSS articles and tips, and it's a CSS directory/gallery for websites that are designed with CSS (Cascading Style Sheets) and conform to the web standards and good design practices.
Click to expand...
I'm guessing, by the Gal in your name, that you might be interested in cssprincess.com

CSS Princess is project with the main idea for promoting and supporting beautiful and interesting css sites made by woman’s hand or woman’s touch. It’s well known that women designers have special sensibility which they always put in their work, and main idea of web site gallery created by cssprincess.com is to show the best web sites worldwide which have a woman’s touch in their design.
Click to expand...
 
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)
 
L

lavazza

Joined
May 15, 2006
Messages
125
dez_666 said:
Well...phooey to the validator :mad:
Click to expand...
@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:
<!-- I'm all about going for shortcuts -->

<!-- But honestly -->

<!-- Quit viewing my source and go away -->

<!-- You can view my coding for learning purposes and as a guide -->

<!-- But you CANNOT copy it exactly or similarly -->

<!-- I will be able to tell if you do -->

<!-- And I WILL make sure your website goes down if you copy anything from EV -->

<!-- A good webowner would never deliberately steal someone else's hard work -->

<!-- So quit being a noob and go away -->
Click to expand...
Ha!
 
W

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.
 
Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

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 807,865 other people just like you!

Latest posts

Staff online

Members online

Total: 450 (members: 10, guests: 440)
Top