Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-10-2013, 05:36 AM   PM User | #1
vipercode
New Coder

 
Join Date: Jan 2013
Posts: 21
Thanks: 13
Thanked 0 Times in 0 Posts
vipercode is an unknown quantity at this point
Text on top of image

I have create my own image for my column but need text to show on top of image but currently is at bottom out side of image.
vipercode is offline   Reply With Quote
Old 02-10-2013, 06:00 AM   PM User | #2
felgall
Master Coder

 
felgall's Avatar
 
Join Date: Sep 2005
Location: Sydney, Australia
Posts: 5,452
Thanks: 0
Thanked 498 Times in 490 Posts
felgall is a jewel in the roughfelgall is a jewel in the roughfelgall is a jewel in the rough
Either apply the image as the background via CSS or set the image container with position:relative and the text container with position:absolute
__________________
Stephen
Learn Modern JavaScript - http://javascriptexample.net/
Helping others to solve their computer problem at http://www.felgall.com/
felgall is offline   Reply With Quote
Old 02-10-2013, 06:01 AM   PM User | #3
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello vipercode,
Maybe the easiest way to do that would be to make that image the background of the div element containing your text. Look at CSS Background.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
vipercode (02-11-2013)
Old 02-11-2013, 10:44 AM   PM User | #4
vipercode
New Coder

 
Join Date: Jan 2013
Posts: 21
Thanks: 13
Thanked 0 Times in 0 Posts
vipercode is an unknown quantity at this point
Quote:
Originally Posted by felgall View Post
Either apply the image as the background via CSS or set the image container with position:relative and the text container with position:absolute
I got it worked out now trying to find a cheap sub for illustrator don't want to pay heaps for a art software
vipercode is offline   Reply With Quote
Old 02-11-2013, 11:02 PM   PM User | #5
wasniewc
New to the CF scene

 
Join Date: Feb 2013
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
wasniewc is an unknown quantity at this point
Try GIMP, Paint dot net and or Inkscape all free and pretty good editors.
wasniewc is offline   Reply With Quote
Reply

Bookmarks

Tags
css, html

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:37 PM.


Advertisement
Log in to turn off these ads.