PowWeb Forums - The Perfect Community for the Perfect Host  

Register now to interact with over 11,000 members! Registered users have Posting Privileges, free access to Private Messaging, Email Notifications and more.

Go Back   PowWeb Community Forums > Web Site Design > Web Site Design Software and Tools > Other Site Building Tools
User Name
Password
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Rate Thread
Old 6-23-10, 06:57 PM   #1
Lee-enfield
Registered
 
Join Date: Jun 2010
Location: Texas
Posts: 3
Reputation: 0
Red face Text over Image with Nvu

i was wondering if anyone could tell me how to place Text over a Image in Nvu or Kompozer?

What I had was a Image with the title of the page it leads to on it,
I used Paint Shop pro to add that title to the photo, What I would LIKE to do is not have to use Paint shop to change the text or title whenever I need too.
is there a way to do this without having to go to the Source?

i started using the Layers button and thought that was working until i opened it to View it in the Browser.

any help would be greatly appreciated.

as far as web building goes I'm a complete noob
Lee-enfield is offline   Reply With Quote
Old 6-23-10, 07:04 PM   #2
snowmaker
target='_blank'
 
snowmaker's Avatar
 
Join Date: Nov 2002
Location: Not in Solomons anymore.
Posts: 3,433
Reputation: 326
You mean like this? I use this graphic, harborview800x65.jpg (JPEG Image, 800x65 pixels), on my site (link in sig). I use CSS to overlay the text 'somdcomputerguy' on that image. I'll post the CSS code shortly, or look at it and try to piece it out yourself, I'm about to eat..
__________________
-bruce /* somdcomputerguy */
'If you change the way you look at things, the things you look at change.'
snowmaker is offline   Reply With Quote
Old 6-23-10, 08:22 PM   #3
Lee-enfield
Registered
 
Join Date: Jun 2010
Location: Texas
Posts: 3
Reputation: 0
yes I think thats what I'm looking for.

if I can puzzle out how to do it hehe
Lee-enfield is offline   Reply With Quote
Old 6-23-10, 10:11 PM   #4
snowmaker
target='_blank'
 
snowmaker's Avatar
 
Join Date: Nov 2002
Location: Not in Solomons anymore.
Posts: 3,433
Reputation: 326
Basically, the text (in a div classed 'header' ) is just written over (the 'left' and 'top' properties) the image. The image has it's own CSS (classed as 'x'), but this has nothing to do with the 'overwriting' thing.
This bit of CSS
PHP Code:
img.x{width39.375emheight4.0625empositionfixedleft5%; top2%; padding3pxborder1px solid black;}
.
header {positionfixedleft6.5%; top3%; background#ffffff; color: #191970; font-family: tahoma, arial, helvetica, serif; font-size: .8em; font-variant: small-caps; font-weight: bold;} 
and this bit of HTML
PHP Code:
<a href="index.php"><img class="x" src="graphics/harborview800x65.jpg" title="click here to (re)load my homepage" alt="[logo that links to home page]"></a>
<
div class="header">SoMDcomputerguy</div
__________________
-bruce /* somdcomputerguy */
'If you change the way you look at things, the things you look at change.'
snowmaker is offline   Reply With Quote
Old 6-24-10, 12:13 PM   #5
Lee-enfield
Registered
 
Join Date: Jun 2010
Location: Texas
Posts: 3
Reputation: 0
I'm having a hard time figuring out how to use the CSS

the text appears for me under the image instead of over?

are there any CSS tutorials you would recomend?

as I may have mentioned I'm a complete noob at this lol
Lee-enfield is offline   Reply With Quote
Old 6-24-10, 12:31 PM   #6
snowmaker
target='_blank'
 
snowmaker's Avatar
 
Join Date: Nov 2002
Location: Not in Solomons anymore.
Posts: 3,433
Reputation: 326
This is one that comes to mind quickly.. http://www.google.com/search?q=css+tutorial

Here's some more..
http://www.bigbaer.com/css_tutorials/
http://css.maxdesign.com.au/index.htm
http://www.htmlprimer.com/
http://www.tizag.com/
__________________
-bruce /* somdcomputerguy */
'If you change the way you look at things, the things you look at change.'
snowmaker is offline   Reply With Quote
Old 6-25-10, 10:04 AM   #7
Croc Hunter
Mod.. with bite..
 
Croc Hunter's Avatar
 
Join Date: Sep 2002
Location: Australia
Posts: 7,327
Reputation: 449
Did you ask on the Kompozer support forum? I know it's supported SVG images for ages now so it may also support DIV layers and auto create CSS files through it's WYSIWYG editor mode. Will save you coding headaches.
__________________
Croc Hunter MSC :
Croc Hunter is online now   Reply With Quote
Reply

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 -4. The time now is 02:51 AM.


Contents ©PowWeb, Inc. ~ vBulletin, Copyright 2000-2007 Jelsoft Enterprises Limited.