|
|||||||||
|
|||||||||
| |||||||||
|
|
|
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Tutorialized Forums Sponsor:
|
|
Be the architects of evolution and help create the mobile internet future. It’s your move---enter to win here! |
|
#1
April 9th, 2007, 07:34 AM
|
|||
|
|||
|
Text on top of image in frontpage
hi there. i have designed the index page for my forum. i made the index page buy designing in photoshop cs2, importing into imageready, slicing, then exporting as html. i then have opened up the index.html file in microsoft frontpage to edit further.
what i want to do, is add text in front page over the top of the images created in photoshop. i cant seem to find how to do that. is this because i have to do that in photoshop? the reason i wanted to do it in frontpage is so that the actual page compromised of pictures and words, so that search engines could include those words in there search results. i hope this makes sense and that somebody here is good enough to answer this for me. thanks
|
|
#2
April 9th, 2007, 10:17 AM
|
|||
|
|||
|
you could put a div layer over the top but you would have to position it absolute
e.g. [html]<div style="position:absolute;top:100px;left:100px">your text</div>[/html] but you would have to know exactly where the picture is
|
|
#3
April 9th, 2007, 11:19 AM
|
|||
|
|||
|
Quote:
i am not entirely sure what you mean. would it be easier for me to add text over the image if i used dreamweaver? i have that, i just got used to using frontpage thats all. i know where the picture in, in the html, if thats what you mean?
|
|
#4
April 9th, 2007, 12:06 PM
|
|||
|
|||
|
he means you need to copy and paist the div tag he typed in his post somewhere into your index page between the <body> </body> tags. What that div is saying to a browser is "place this text 100 px from the left of the viewers screen and 100px from the top of the viewers screen." So, just edit the "top:" and "left:" parts of the tag to position your text where you want it. However, when you use position:absolute, it ignors the position of all elements on your webpage. In other words, it floats the element your using with it. To make since of that, dont use position:absolute if your webpage is centered (and considering you used image ready to slice it, your page is probably not centered) because 100 px from the left might be the correct position on your computer, it may not be the correct position on someone elses. Now if your page orgins from the top, left or top, right of the screen, position:absolutes are just fine, actually i prefer them in some situations.
There are other methods to do what you want but i for one would need to see what your page html looks like to give good advise on what to do. But, like i said, if your page orgins from the top left or top right of the screen, used the position:absolute div. (It sounded like you did not know what a div style tag was so thats what i was trying to explain, if you didnt understand something else, let me know)
|
|
#5
April 9th, 2007, 02:09 PM
|
|||
|
|||
|
thanks for the explanation lukes, i have done that in dreamweaver. althought the writing at the top looked ok in internet explorer, in firefox it was not all on one line at the top. it was ok in flashpeak slim browser too though. i may tweak it but at least i know how to add text over the images now thanks to you two guys. cheers
the site page http://www.luvvbuzz.f2s.com/
|
|
#6
April 9th, 2007, 03:21 PM
|
||||
|
||||
|
Couldn't this be done simply by having the image as a background image in a table? and then just entering the text over the top of it, as if you were just typing ontop of a regular table?
I think this works with layers in CSS too.
|
|
| Viewing: Tutorialized Forums > Web Design & Development > MS FrontPage > Text on top of image in frontpage |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
 |
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
