DPChallenge: A Digital Photography Contest You are not logged in. (log in or register) 
 

DPChallenge Forums >> General Discussion >> Site coding help
Pages:  
Showing posts 1 - 22 of 22, (reverse)
AuthorThread
 02/25/2007 02:58:16 AM · #1







I bet it something easy, but I can't pinpoint it. Any ideas?

Message edited by author 2007-02-25 02:58:36.
Alright, I'm developing THIS site, and I dl'd this basic template for a page. That's cool, I like it. I'm having the following problem:

Where it says "SOFTBALL" I want the word imposed over the button. The button has a link, and will go to a page if you click it, but I want to label the button. Here is my code:




SOFTBALL

02/25/2007 03:03:03 AM · #2
I believe you need to add text to the button (in PS or other picture editing tool). Coding won't do that.
 02/25/2007 03:05:40 AM · #3
Sorry not a SC member but have you tried using a background image in as your button. That way you can put your text on top of the button.

02/25/2007 03:06:16 AM · #4
I would be looking at using cascading style sheets to accomplish your goal.

Here's a couple of links to give you some help:
//www.w3.org/Style/CSS/learning

This is more or less inspirational but it can give you ideas on how to do things too:
CSS Beauty
 02/25/2007 03:12:30 AM · #5
Originally posted by Southern Gentleman:
Sorry not a SC member but have you tried using a background image in as your button. That way you can put your text on top of the button.


Well, the button graphic is technically the background image. I'm trying to put text over that.
02/25/2007 03:23:48 AM · #6
Originally posted by bigalpha:
Originally posted by Southern Gentleman:
Sorry not a SC member but have you tried using a background image in as your button. That way you can put your text on top of the button.


Well, the button graphic is technically the background image. I'm trying to put text over that.

How do you have the image tagged?
or
02/25/2007 03:25:20 AM · #7
Originally posted by Southern Gentleman:
Originally posted by bigalpha:
Originally posted by Southern Gentleman:
Sorry not a SC member but have you tried using a background image in as your button. That way you can put your text on top of the button.


Well, the button graphic is technically the background image. I'm trying to put text over that.

How do you have the image tagged?
or


It's just The code is in bold above if you wanna scrutinize it.
02/25/2007 03:30:14 AM · #8
To add text the way you want it, you should use table with chosen cell colour (I belive, that's what Southern Gentleman is talking about). It won't be oval, but than you can add text to the cells. If you want to use the button, you have to add text to the button as graphic (i.e. in PS).

It is possible in DHTML or CSS (www.opencube.com), but the buttons than are still nothing more, than a table cells.

02/25/2007 03:36:19 AM · #9




Message edited by author 2007-02-25 03:36:38.
So, something like this:



TEXT
02/25/2007 03:45:42 AM · #10
wait, it'd be:






How do I mate this code, and my first code together to be functional though? I can't get it to work. grrrrr

Message edited by author 2007-02-25 03:46:16.





WELL
02/25/2007 03:51:59 AM · #11
Originally posted by rennie:
To add text the way you want it, you should use table with chosen cell colour (I belive, that's what Southern Gentleman is talking about). It won't be oval, but than you can add text to the cells. If you want to use the button, you have to add text to the button as graphic (i.e. in PS).

It is possible in DHTML or CSS (www.opencube.com), but the buttons than are still nothing more, than a table cells.

Thank you that was exactly what I was talking about. And example is the DPC menu bar above. It is a background image allowing text to be But as stated it will be a cell. To keep the button just add text to the button in PS or other software.

Also I noticed you had all your tag in upper case. May I suggest lower case. With the new all tags should be in lower case so everything will work. Unless you going to continue with html.

BTW: your layout looks very nice...

Message edited by author 2007-02-25 03:52:54.
 02/25/2007 03:58:03 AM · #12
Originally posted by Southern Gentleman:
Originally posted by rennie:
To add text the way you want it, you should use table with chosen cell colour (I belive, that's what Southern Gentleman is talking about). It won't be oval, but than you can add text to the cells. If you want to use the button, you have to add text to the button as graphic (i.e. in PS).

It is possible in DHTML or CSS (www.opencube.com), but the buttons than are still nothing more, than a table cells.

Thank you that was exactly what I was talking about. And example is the DPC menu bar above. It is a background image allowing text to be But as stated it will be a cell. To keep the button just add text to the button in PS or other software.

Also I noticed you had all your tag in upper case. May I suggest lower case. With the new all tags should be in lower case so everything will work. Unless you going to continue with html.

BTW: your layout looks very nice...


Right, I think I see what you are saying. When you create a table, the cells overlap the background image. Inside those cells, you can put text. The end result is Text over the button. So, given my first set of code, how can I add the last set of code without messing everything up?

Thanks, but I can't claim any credit for the layout. It was a free download. I only changed the text color to green.
02/25/2007 04:08:41 AM · #13
Originally posted by bigalpha:
Right, I think I see what you are saying. When you create a table, the cells overlap the background image. Inside those cells, you can put text. The end result is Text over the button. So, given my first set of code, how can I add the last set of code without messing everything up?


Wrong conclusion :)

When you create a table it won't overlap the image. The end result is text in the cell (with or without borders) which background colour may be as you wish. What I'm trying to say - to put the tex ON the image you need to do it in a image editing software and there is no other way.

What Southern Gentleman is suggesting is to use kind of table menu (DHTML or CSS) which is easier to update and manage and safer when it comes to compability.

You can't have both: button and table cells (unless in HTML).
 02/25/2007 04:13:53 AM · #14


Message edited by author 2007-02-25 04:14:58.
Try this in you

SOFTBALL
 02/25/2007 04:15:45 AM · #15
Originally posted by rennie:
Originally posted by bigalpha:
Right, I think I see what you are saying. When you create a table, the cells overlap the background image. Inside those cells, you can put text. The end result is Text over the button. So, given my first set of code, how can I add the last set of code without messing everything up?


Wrong conclusion :)

When you create a table it won't overlap the image. The end result is text in the cell (with or without borders) which background colour may be as you wish. What I'm trying to say - to put the tex ON the image you need to do it in a image editing software and there is no other way.

What Southern Gentleman is suggesting is to use kind of table menu (DHTML or CSS) which is easier to update and manage and safer when it comes to compability.

You can't have both: button and table cells (unless in HTML).


I think I'm looking for a solution that SG is proposing. I don't want to physically put "HOME" on the picture. I just want a link "HOME" to overlap the background picture when the page is loaded. If you create a table, can't you make it with invisible background, allowing the page to show through?
 02/25/2007 04:21:52 AM · #16







I used this, but it's not showing the picture now. Did I mangle the code?


SOFTBALL
02/25/2007 04:26:19 AM · #17
Ya know -- i'm just going to write on the pictures. much easier. thanks for your help anyways. i dont have enough coding knowledge to work it.
 02/25/2007 04:32:08 AM · #18
Originally posted by Southern Gentleman:
...With the new ...


The correct DTD would be...
02/25/2007 04:34:03 AM · #19
Set table background colour to the one you want, and don't put any image in the table cells. Just te text.

Message edited by author 2007-02-25 04:36:08.
 02/25/2007 04:38:24 AM · #20


Originally posted by bigalpha:

SOFTBALL


If you're trying to use CSS to style a tag you need to indicate that...

SOFTBALL
02/25/2007 04:47:05 AM · #21
Originally posted by TechnoShroom:
Originally posted by bigalpha:

SOFTBALL


If you're trying to use CSS to style a tag you need to indicate that...

SOFTBALL


hey, that worked really well, except for this:

//feedingtheherd.com/

Hehe, I don't understand why the spacing is so far off.
02/25/2007 04:51:49 AM · #22







Alright, so this is my code, and the link works fine. It's just that the graphic doesn't show up where it's supposed to. The only thing that is missing from the rest of the other buttons is a Height and Width and Border attribute.

*omg, it's so late, it's sleepy time.

Message edited by author 2007-02-25 04:53:28.
<-- button #4 -->


SOFTBALL
Pages:  
Current Server Time: 09/18/2025 04:42:13 PM

Please log in or register to post to the forums.


Home - Challenges - Community - League - Photos - Cameras - Lenses - Learn - Help - Terms of Use - Privacy - Top ^
DPChallenge, and website content and design, Copyright © 2001-2025 Challenging Technologies, LLC.
All digital photo copyrights belong to the photographers and may not be used without permission.
Current Server Time: 09/18/2025 04:42:13 PM EDT.