We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
HTML Help
Topic Started: Nov 24 2005, 12:48 PM (166 Views)
Demockracy
punk in drublic
[ *  *  *  *  *  *  * ]
Okay, so i'm working on a portfolio site that needs lots of text over images (for each piece). I've got it sliced and everything, but I can't put the text over without screwing the whole page to hell. I've been trying to use this code:
Code:
 
<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>

<TD WIDTH="WIDTH" HEIGHT="HEIGHT BACKGROUND="IMAGELINK" VALIGN="bottom">

<FONT SIZE="+1" COLOR="yellow">TEXT</FONT></TD>

</TR>
</TABLE>

But it sure isn't working. Any of you HTML guys know a simple code, or a way to put a lot of text over a lot of images without it messing up? thanks.
Offline Profile Quote Post Goto Top
 
Postulate
Member Avatar
You're the point
[ *  *  *  *  *  * ]
2shot
Nov 24 2005, 04:48 PM
Okay, so i'm working on a portfolio site that needs lots of text over images (for each piece). I've got it sliced and everything, but I can't put the text over without screwing the whole page to hell. I've been trying to use this code:
Code:
 
<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>

<TD WIDTH="WIDTH" HEIGHT="HEIGHT BACKGROUND="IMAGELINK" VALIGN="bottom">

<FONT SIZE="+1" COLOR="yellow">TEXT</FONT></TD>

</TR>
</TABLE>

But it sure isn't working. Any of you HTML guys know a simple code, or a way to put a lot of text over a lot of images without it messing up? thanks.

I'm not exactly sure whatyou're trying to do: are you attemptimg to place images in the table and have text hover over it? Or do you want text to go against a background image?

In any case, I recommend you XHTML validate your code, so you can be nice to w3 and all of us that use Safari.

Code: HTML
 
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="WIDTH" height="HEIGHT" background="IMAGELINK" valign="bottom">
<span style="color:yellow; font-size: medium">TEXT</span></td>
</tr>
</table>
Offline Profile Quote Post Goto Top
 
Joe.
Member Avatar
Member
[ *  *  *  * ]
I don't think this should go in this forum man, I think IF support or Skinning Support, because this is HTML and you need support.
Offline Profile Quote Post Goto Top
 
Meltdown
Member Avatar
The Schtig
[ *  *  *  *  *  * ]
PhantomDesignZ
Nov 24 2005, 05:23 PM
I don't think this should go in this forum man, I think IF support or Skinning Support, because this is HTML and you need support.

He's working on a website...
Offline Profile Quote Post Goto Top
 
Demockracy
punk in drublic
[ *  *  *  *  *  *  * ]
Where do you put that in the code? :S
I'm so bad with HTML.
If I just put it after the image line, it screws it up.
This is the code i'm trying to edit:
Code:
 
<HTML>
<HEAD>
<TITLE>totalpsd</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (totalpsd.psd) -->
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
 <TD COLSPAN=3>
  <IMG SRC="images/bottom_01.gif" WIDTH=800 HEIGHT=12 ALT=""></TD>
</TR>
<TR>
 <TD ROWSPAN=4>
  <IMG SRC="images/bottom_02.gif" WIDTH=407 HEIGHT=110 ALT=""></TD>
 <TD>
  <IMG SRC="images/bottom_03.gif" WIDTH=292 HEIGHT=29 ALT=""></TD>

 <TD ROWSPAN=4>
  <IMG SRC="images/bottom_04.gif" WIDTH=101 HEIGHT=110 ALT=""></TD>
</TR>
<TR>
 <TD>
  <IMG SRC="images/bottom_05.gif" WIDTH=292 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
 <TD>
  <IMG SRC="images/bottom_06.gif" WIDTH=292 HEIGHT=48 ALT=""></TD>
</TR>
<TR>
 <TD>
  <IMG SRC="images/bottom_07.gif" WIDTH=292 HEIGHT=10 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

And I'm trying to get it so both images #3 and #6 have text over them.

Thanks a ton guys
Offline Profile Quote Post Goto Top
 
Postulate
Member Avatar
You're the point
[ *  *  *  *  *  * ]
You could just edit the images with a GFX program to add text to them, and then rehost them, if that's what you mean. :/

However, if you wsant to actually write text and then move it so it is placed over the image, that is going to be an awkward experience that will require the use of CSS. It's opssible, but it might turn out odd.

I'm still not sure exactly what you're asking, though.
Offline Profile Quote Post Goto Top
 
Demockracy
punk in drublic
[ *  *  *  *  *  *  * ]
Prismatic
Nov 26 2005, 04:47 AM
You could just edit the images with a GFX program to add text to them, and then rehost them, if that's what you mean. :/

However, if you wsant to actually write text and then move it so it is placed over the image, that is going to be an awkward experience that will require the use of CSS. It's opssible, but it might turn out odd.

I'm still not sure exactly what you're asking, though.

yeah, I could.
But then the text is stagnant, you can't highlight it or anything.
But if your saying thats the easiest way, I might just do that.
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
Do something like this;

Code:
 
<style type="text/css">

.image {background-color:#ffffff; background-image:url();}

</style>

<table><tr><td class="image">Your text here</td></tr></table>


That should work, although it might not. I think you're capable of editing the css part (the part in style tags yourself)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Technology Chat · Next Topic »
Add Reply