PDA

View Full Version : Help inputing Text over a background image!


djreact33
07-24-2007, 11:22 PM
ok..im new to dreamweaver..

i deigned a site for a company, and originally i had done all the text in the actual design in photoshop, not knowing that the comany did not want that, because of the fact they wont come up in a search (ie: google) if some1 was to look for the site. so i have to put the text in through dreamweaver. I TRIED EVERYTHING. every code <pre> <bdo dir=ltr> blabla codes, and cannot get the text to line up properly over the backround images...PLEASE HELP i hope i explained this right..

Mark_W
07-24-2007, 11:49 PM
By the sounds of it you have never coded a website before.

How have you set it out so far? Any chance of posting the code up?

Don't worry about the fact that we wont be able to see the images.

If you have a website already which the file is on already that would be great also, but not necessary.

djreact33
07-25-2007, 12:02 AM
this is the table code from dreamweaver.. im a little lost...plz help ;-) and no i never really coded stuff before...just a designer really.

</table>
<table width="851" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="113" height="167"><img src="images/Home-page.ai_13.gif" width="113" height="167"></td>
<td width="52"><img src="images/Home-page.ai_14.gif" width="52" height="167"></td>
<td width="159" nowrap background="images/Home-page.ai_15.gif"><div align="left">
<pre>&nbsp;</pre>
</div>
</td>
<td width="51"><img src="images/Home-page.ai_16.gif" width="51" height="167"></td>
<td width="168" background="images/Home-page.ai_17.gif"><pre>Juicy Couture</pre>
<span class="style3">&nbsp;</span></td>
<td width="37"><img src="images/Home-page.ai_18.gif" width="37" height="167"></td>
<td width="271" background="images/Home-page.ai_19.gif">&nbsp;</td>
</tr>
</table>

nanny
07-25-2007, 12:03 AM
I know this is a little off track but have a look at a site with css for this.
Just google Mandarin + CSS and it should get you there.

djreact33
07-25-2007, 12:16 AM
i see what you were getting at nanny..didnt help though..like i said, im a designer, not a coder this stuff is kinda blurry to me..

Mark_W
07-25-2007, 12:39 AM
The best way to do what you want to do, in my opinion is to use CSS, you have much more control over what you want to do than if you use tables.

Take a look at this for example. It wouldn't be coded this way as the styles would go in a separate CSS file and be coded better, but place this between your body tags;

<div id="container">

<div id="textone">Left</div>

<div id="texttwo">Right</div>

</div>And this just above your </head> tag

<style>
#container {
width:850px;
height:167px;
background:#FF0000;
position:absolute;
}

#textone {
width:100px;
height:50px;
background:#0000FF;
margin:10px 0px 0px 10px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:32px;
color:#FFFFFF
}

#texttwo {
width:100px;
height:50px;
background:#00FF00;
position:absolute;
right:10px;
top:10px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:32px;
color:#FFFFFF
}
</style>

Your not going to be able to produce a website of a high standard which a client would expect without any coding knowledge in a couple of hours.

If your willing to spend the time learning HTML, CSS etc then do that, otherwise I would suggest sub contracting the coding process.

I know I haven't given the replys you have wanted, but your going to find it really tough to do what you want to do with tables.

nanny
07-25-2007, 12:44 AM
Believe me it is true.
I first started out with tables and yeh you can do a lot but I found CSS a godsend and a complete time saver.
I also found without using CSS the way Mark W explains that in Firefox browser my website looked ridiculous compared to IE.

Plenty of templates in this forum you can use also to get a little understanding.

djreact33
07-25-2007, 12:47 AM
thanks maign! yea i know the coding thing aint really me...i just needed a few xtra bucks so i took it

Mark_W
07-25-2007, 12:57 AM
What time period do you have for it?

djreact33
07-25-2007, 01:16 AM
end of the month...its not a BIG ass company..its some website for a girl who started her own clothing line..but aslong as it looks good..she loved the design its a matter of me coding it

davidj
07-25-2007, 05:52 AM
you have a week to learn the lot

impossible

sub it out and then do a course and learn the stuff

Jittor
07-25-2007, 03:23 PM
LOL - DJ, always straight to the point.

djreact33, you might have gotten in a little over your head, but we understand your delima.

You obviously don't have time to learn CSS, which I sure you have noticed is really the best way to do what you want, but if your comfortable with tables and since your in a crunch you can still do it that way. If you post the file we can try and help you out by setting it up, so you can then look at the code and get an idea of how it is supposed to be, then come back and learn some CSS.

Actually, show us a jpeg of the Photoshop design, then we can get an idea how it is supposed to be laid out. Also, you know you can slice out the Photoshop image for the web?