HTML help

WarriorGal · Jul 3, 2007

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 · Jul 3, 2007

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

WarriorGal · Jul 3, 2007

http://www.freewebs.com/steelangelwarrior/index.htm

theres my site so far. see my problem? i tried adding a DIV layer but it comes out messed up. as for a WYSIWYG editor, never tried it. ill google.

dez_666 · Jul 3, 2007

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

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

WarriorGal · Jul 3, 2007

Thank you

dez_666 · Jul 3, 2007

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?

WarriorGal · Jul 3, 2007

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 · Jul 3, 2007

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:

lavazza · Jul 3, 2007

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 womans hand or womans touch. Its 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 womans touch in their design.
Click to expand...

dez_666 · Jul 3, 2007

Well...phooey to the validator

dez_666 · Jul 3, 2007

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.

lavazza · Jul 4, 2007

dez_666 said:

Well...phooey to the validator
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:



















Click to expand...

Ha!

MMJ · Jul 4, 2007

lavazza said:

@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!
Click to expand...

ROFL.

WarriorGal · Jul 4, 2007

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.

MMJ · Jul 4, 2007

what is your site? http://eonlightvalley.com/photoshoplayouts.php?

Log in or Sign up

HTML help

WarriorGal Thread Starter

dez_666

WarriorGal Thread Starter

dez_666

WarriorGal Thread Starter

dez_666

WarriorGal Thread Starter

dez_666

lavazza

dez_666

dez_666

lavazza

MMJ Guest

WarriorGal Thread Starter

MMJ Guest

Sponsor

Welcome to Tech Support Guy!

Need help Setting up HTML files to start up full screen on 2 monitors

Adding Autocomplete to HTML Code.

index/html issue

HTML on NAS Storage

Solved cpanel html verification file for facebook business

HTML help

WarriorGal Thread Starter

WarriorGal Thread Starter

WarriorGal Thread Starter

WarriorGal Thread Starter

MMJ Guest

WarriorGal Thread Starter

MMJ Guest

Sponsor

Welcome to Tech Support Guy!

Solved cpanel html verification file for facebook business

Useful Searches