Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Placing type over images in dreamweaver


  • Please log in to reply

#1
stuartie_b

stuartie_b

    Member

  • Member
  • PipPip
  • 31 posts
Hi, Iíve designed a layout of my website in illustrator, i sliced the image up in Photoshop and want to put it into Dreamweaver using a table. The problem is i can't figure out once Iíve placed an image in the table how do i put type over the image without deleting the it? I could just put the type i want on to the image when making it in illustrator but i want it to be selectable for the user and show up in search engines, and this wonít happen if its part of the image. I've tried looking through my tutorial videos for help but they donít show it, can anyone show me how to do this? thanks
  • 0

Advertisements


#2
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
maybe this will help some: Turning A Sliced Image Into An HTML Webpage.

Ron
  • 0

#3
stuartie_b

stuartie_b

    Member

  • Topic Starter
  • Member
  • PipPip
  • 31 posts
Hi no, that doesn't really help, when you type html text the image is replaced with a blank or coloured background just like in Dreamweaver, i need my background image to stay the same and the html text to type over it.
  • 0

#4
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Are you using image as complete page bg? And I hope you are not using table tags for a page layout unless it is all tabular data where you're suppose to use tables. Do you have an online link to your site?

It is easy enough to set a bg image that you can easily type over. Just need to know exactly what you are trying to do.

Ron
  • 0

#5
stuartie_b

stuartie_b

    Member

  • Topic Starter
  • Member
  • PipPip
  • 31 posts
Hi, yeah i'm slicing the images up in photoshop and using a table in dreamweaver to place the slices in. the site isn't live yet becasue i've just started designing it. i thought about using a grid to place the slices in but i think i would have the same problem. Could you tell me how i could solve this? thanks
  • 0

#6
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
I take it you used image slicing because you want to make an image map where parts of the image will have links? If not, slicing images and using tables is not the way to go for a bg image. If you have one main table (ugh) where you want a bg image, you can set up your css using a selector for the table. Example:

#bgtable1 { background-image: url(image_name.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-color: #xxxxxx; margin: 0; padding: 0; }

<table id="bgtable1" summary="">
<tr>
<td> ... </td>
</tr>
</table>

That's it in its simplest form for a simple table. Change #bgtable1 to body { ... } for whole bg image in whole page. Add or adjust attributes values as needed.

Might post the code you are now using with full paths to any images that you may have uploaded to imageshack.com or photobucket.com.

Ron
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP