Jump to content


I need help on getting text on my background

Started by Raven-X, Dec 22 2006 09:10 PM

5 replies to this topic

#1 Raven-X

    Young Padawan

  • Members
  • Pip
  • 71 posts
  • Gender:Male
  • Location:New Jersey
  • Interests:I love having fun, programming, web design, graphic design, gaming, anime, manga, and being a student (love learning new software).

Posted 22 December 2006 - 09:10 PM

I know how to make images backgrounds but I'm done something wrong and I'm not sure what it is. Any help is greatly appreciated.

The site I'm working on is: http://cyberghost0.freewebpage.org/

The coding for it is: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>CyberGhost 0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#262626" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><!--
		IF THIS BANNER IS MESSING UP YOUR PAGE LAYOUT, VISIT 
		http://www.topcities.com/help/banner.html
		FOR INSTRUCTIONS ON HOW TO FIX IT
-->
</noscript></div></xmp></style>
<CENTER>


<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 width=728>
		<TR>

	  <TD align=center> <A HREF="http://www.topcities.com/cgi-bin/affiliates/clickcount.cgi?dl=http://www.vbuddy.com" 

TARGET="_top">vBuddy - make friends, share photos, blogs, have fun</A>

	   &nbsp;&nbsp;|&nbsp;&nbsp;<A HREF="https://secure.serverpro.com/a/idevaffiliate.php?id=100_0_3_9"

TARGET="_top">Cheap Web Hosting - starting at $5</A></TD>

		</TR>
</TABLE>

<script type="text/javascript"><!--
google_ad_client = "pub-9479622608769039";
google_alternate_ad_url = "http://banners.topcities.com/vb.htm";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "";
google_color_bg = "";
google_color_link = "000000";
google_color_url = "0000FF";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>


</CENTER>

<!-- ImageReady Slices (OrageDeslightPSDFile.psd) -->
<table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="12">
			<a href="http://cyberghost0.freewebpage.org/"><img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltemplate_.png" width="800" height="142" alt="" border="0"></a></td>
	</tr>
	<tr>

		<td colspan="12">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-02.png" width="800" height="26" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" <img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-03.png"
 width="11" height="130"></td>

		<td rowspan="4">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-04.png" width="1" height="432" alt=""></td>
		<td>

<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-05.png" width="102"
 height="130" alt=""></td>

		<td rowspan="2">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-06.png" width="4" height="157" alt=""></td>
		<td>
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-07.png" width="15" height="130" alt=""></td>
		<td rowspan="3" background="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-08.png" width="536" height="409"></td>

<p>Anime</p>
		<td rowspan="3">

			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-09.png" width="21" height="409" alt=""></td>
		<td rowspan="4">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-10.png" width="1" height="432" alt=""></td>
		<td rowspan="3">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-11.png" width="98" height="409" alt=""></td>
		<td rowspan="4">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-12.png" width="3" height="432" alt=""></td>
		<td rowspan="3">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltemplate_.jpg"
 width="8" height="409" alt=""></td>

	</tr>
	<tr>
		<td colspan="2">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-14.png" width="11" height="27" alt=""></td>
		<td>
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-15.png" width="102" height="27" alt=""></td>
		<td>
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-16.png" width="15" height="27" alt=""></td>
	</tr>

	<tr>
		<td rowspan="2">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-17.png" width="1" height="275" alt=""></td>
		<td>
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-18.png" width="10" height="252" alt=""></td>
		<td>
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-19.png" width="102" height="252" alt=""></td>
		<td colspan="2">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-20.png" width="19" height="252" alt=""></td>

	</tr>
	<tr>
		<td>
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-21.png" width="10" height="23" alt=""></td>
		<td colspan="5">
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-22.png" width="678" height="23" alt=""></td>
		<td>
			<img src="http://cyberghost0.freewebpage.org/OrangeDelightfinaltempla-23.png" width="98" height="23" alt=""></td>
		<td>

			<img src="OrangeDelightfinaltempla-24.png" width="8" height="23" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

The text that I did want displayed is in the left corner (upper left that is).

Edited by Raven-X, 22 December 2006 - 09:58 PM.

#2 Kristopher

    Jedi In Training

  • Members
  • PipPip
  • 422 posts
  • Location:Canada
  • Interests:Webdesign, coding, snowmobiling etc

Posted 23 December 2006 - 12:34 AM

Maybe you want to change your text color? Or did you want a different color background? If you want a different color background for the whole page just change it and for just that one spot you can change the bg color of the table.

#3 Dh.

    CSS Guru

  • Members
  • PipPipPip
  • 807 posts
  • Gender:Male
  • Location:Berkshire, England

Posted 23 December 2006 - 08:55 AM

The problem is you're using images in tables. Try using CSS, it will make your life a whole lot easier.

#4 Raven-X

    Young Padawan

  • Members
  • Pip
  • 71 posts
  • Gender:Male
  • Location:New Jersey
  • Interests:I love having fun, programming, web design, graphic design, gaming, anime, manga, and being a student (love learning new software).

Posted 23 December 2006 - 12:58 PM

View PostDh., on Dec 23 2006, 08:55 AM, said:

The problem is you're using images in tables. Try using CSS, it will make your life a whole lot easier.

I just want to get text on the content box.
OK, now that you've told me that, could you show me an example of how to use css to do that. I'm familiar with CSS as well, but I only used CSS for format text in the past and nothing else. It would be greatly appreciated if you could show me how.

#5 Dh.

    CSS Guru

  • Members
  • PipPipPip
  • 807 posts
  • Gender:Male
  • Location:Berkshire, England

Posted 23 December 2006 - 02:20 PM

Ok mate, I've PM'd you

#6 Davey

    P2L Jedi

  • Members
  • PipPipPip
  • 620 posts
  • Location:Perth, Scotland
  • Interests:Creativity, Adrenaline, Etc

Posted 23 December 2006 - 04:23 PM

<div style="background-image:url(images/blah.gif);" height:400px; width:400px;>text goes here</div>

i believe should work


EDIT: just looked at ur page and all u need to do is set the images as backgrounds

Edited by Davey, 23 December 2006 - 04:25 PM.

Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design