*

Search

Recent Posts

Fiction

User

Welcome, Guest. Please login or register.
November 22, 2024, 08:46:10 AM

Login with username, password and session length

Stats

Members
  • Total Members: 61
  • Latest: AciDeX
Stats
  • Total Posts: 28505
  • Total Topics: 1915
  • Online Today: 128
  • Online Ever: 569
  • (August 02, 2024, 06:20:39 AM)
Users Online
Users: 0
Guests: 82
Total: 82

Permissions
« previous next »
Pages: [1]   Go Down

Author Topic: Website Coding Question!!!! Heeeelp!  (Read 3528 times)

0 Members and 3 Guests are viewing this topic.

Gladiator

  • Guest
Website Coding Question!!!! Heeeelp!
« on: March 06, 2006, 11:01:35 AM »
What is the best way to put (clickable) text over an image...

I tried creating a background image using css, but it was alligning up funny within my table I can't seem to get to do what I want.  Is there a way to get my background image from a style sheet to align the way I want.  

Any suggestions/help

wanna see the code? lemme know.

Gladiator :sword:

[Edited on 3-6-2006 by Gladiator]
Logged

Offline opiesilver

  • Administrator
  • Hero Member
  • *****
  • Posts: 3614
  • Karma: 5
  • Well, Santa is 2000 years old....
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #1 on: March 06, 2006, 02:40:47 PM »
Why not just build an image that has your desired text in it and then make the entire image clickable?  Can you provide an example of the desired effect you are trying to achieve?
Logged
Mediocre people are always at their best.

Offline JollyRoger

  • That's Captain
  • Hero Member
  • *****
  • Posts: 3965
  • Karma: 5
  • I be plundering the interweb for booty.
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #2 on: March 06, 2006, 04:58:55 PM »
Yes a clickable image is the easies by far.

Show you code that you have and I can tell you what you need.
I need to see the style sheet and the html.
Logged
No matter how hard you try to push the envelope, remember it's only stationary.

Gladiator

  • Guest
Website Coding Question!!!! Heeeelp!
« Reply #3 on: March 06, 2006, 08:37:06 PM »
Well, good news...I found that:

background-position:
 center;

...in my style sheet corrected my alignment issues...and now it's alliging up the way I want it to.  So, now my question becomes is it easier to make a background image and then place my (clickable) text in my table the way i want it...or...just do an "img src = picture" and then place my text over the top of that?  Probably doesn't matter much i suppose.

here is website...
http://www.vintageoutdoorliving.com/test/index3.html
(search for    class="main_screen">  )...and the style sheet... vintage_css.css in the same test dir.

most of the links are not working as it's still being developed, but i'd like to be able to place text in the center larger image, with obviously different backgrounds...like this: http://www.vintageoutdoorliving.com/test/comingsoon.html
That's a background image with a transparent center...all we see is the white border.  Works pretty slick....i thought

Okay...maybe i'm answering my own question here...but this seems pretty simple...any suggestions from the pros???



Thanks
Matt
aka: Gladiator...

p.s.  One other question or maybe this counts as my first since the last one didn't really count as question!! ;)

I'm not even sure this is possible with out useing frames, but if there is a way...wolverine told me you guys would know the answer!!!...so thank him if you are up all night figuring this out...

I want everthing but that center window to be static...in otherwords I just want the imagine the center to refresh and everything else to remain fixed.  Is this doable??

thanks again guys!

[Edited on 3-7-2006 by Gladiator]

[Edited on 3-7-2006 by Gladiator]

[Edited on 3-7-2006 by Gladiator]
Logged

Offline JollyRoger

  • That's Captain
  • Hero Member
  • *****
  • Posts: 3965
  • Karma: 5
  • I be plundering the interweb for booty.
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #4 on: March 06, 2006, 10:41:59 PM »
First off i'd like to say that the coding looks strong, but for waht you want to do you may want to convert everything to divs '<div></div>' .

Create a realitive div 'wrapper' then create all your divs inside the wrapper as absolute.

make all your picture images as your backgrounds and if your doing text as images with transparent back gounds just apply them over the top.
and you'll have the effect you want.

now you can rotate a background image in the center and have the text over the top. to rotate you need javascript.

make an array of images to display. have that load in the header, then call it in the center where you want it.

you can stick with tables if you want it will keep you css down in size, and you can do all of the above with those tables but I preferre div myself.



[Edited on 3-7-2006 by JollyRoger]
Logged
No matter how hard you try to push the envelope, remember it's only stationary.

Offline opiesilver

  • Administrator
  • Hero Member
  • *****
  • Posts: 3614
  • Karma: 5
  • Well, Santa is 2000 years old....
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #5 on: March 07, 2006, 01:55:15 AM »
If there is any way possible for you to do it stay away from flash pages like the one you used on http://www.aquapoolandspa.com/.  It indexes in search engines horribly.  In ecommerce or website designed to drive business to a brick and mortar store, SE rankings are everything.

I also noticed that you <head> </head> sections are bare of the necessary code to tell the SEs what your site is all about.  You are also missing alt tags, page text (very necessary that you have some text to match the page title) and a lot of other little things.

Make sure you build a Google friendly site map.

If SEO is not a concern for you then please disregard all that I've mentioned above.  SEO is a very big concern for me as I have over 13 million other web pages to compete with.
Logged
Mediocre people are always at their best.

Offline JollyRoger

  • That's Captain
  • Hero Member
  • *****
  • Posts: 3965
  • Karma: 5
  • I be plundering the interweb for booty.
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #6 on: March 07, 2006, 02:04:29 AM »
Holy Crap!!! I could do that entire page in css and Jave and get the same effect and with faster speed and more functionality and... well everything.

yes, listen to opie when it comes to SEs he's the man.


and most deffinently stay away from flash, it is in my opinion that flash is mostly useless. and corparate sites are shooting themselve in the foot in budgget for using them.

good for games though....

[Edited on 3-7-2006 by JollyRoger]
Logged
No matter how hard you try to push the envelope, remember it's only stationary.

Gladiator

  • Guest
Website Coding Question!!!! Heeeelp!
« Reply #7 on: March 07, 2006, 02:43:52 PM »
Hey thanks guys!!  I appreciate all the input.  I'm not really familiar with div's, not sure how they differ from tables…So I'll have to look into that.  I fairly new to web programming so I'm definitely learn as I go what works and what doesn't.  

Eventually, i'm going to have a several different clickable options for example if you were to click products, then you would get a list of products in that main 'window' that would then each be clickable...and take you somewhere else....thats why i went with the background image...because the links are going to be over a image, similiar to what the product line is..if that makes anysense.

Jollyroger, you grabbed attention when you said you could do that thing in java and css and it be much faster and more functional…any suggestion are welcome…I'd love to be able to speed this thing up!!!!!!

Oh, and about that flash site…actually we converting everything from flash…it was done that way originally and I'm in the process making all the three websites the same.  

Again thanks for all your input I hoping to learn a few things here!!!

-Gladiator
Logged

Offline JollyRoger

  • That's Captain
  • Hero Member
  • *****
  • Posts: 3965
  • Karma: 5
  • I be plundering the interweb for booty.
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #8 on: March 07, 2006, 04:30:04 PM »
If you want a FLASH look with out all the overhead it can be done I have been working on one project for our clan website. and a couple of experimental DEV sites on me test server here at my house.

I am will give you help just shoot me an email: jrfrancl[at]cox[dot]net.
(I hate spam spiders)

in your sites design speed is going to be one of your bigest allies. user friendly is up there on top. a good design and flashy look (not FLASH) falls in there third.

trying to keep the code clean and error free will be one of your last steps.

Div's are like a container. that are also posionable. but each div will be separate from another



you can give you div's ids and have them controlled by the css
place position in pixles to have them located in spacific area to function
as a nav menu or a content window or header bar.
the choices are endless and have very few restrictions

it also keeps your code clean and easier to follows
keeping track of table and cells can be annoying.

Javascrpit have come along way. id can be a very useful tool.
PHP is another usefull tool as you can make your page even more dynamic.

welcome to the world of web programming.

[Edited on 3-7-2006 by JollyRoger]
Logged
No matter how hard you try to push the envelope, remember it's only stationary.

Offline opiesilver

  • Administrator
  • Hero Member
  • *****
  • Posts: 3614
  • Karma: 5
  • Well, Santa is 2000 years old....
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #9 on: March 07, 2006, 07:03:11 PM »
posionable?
Logged
Mediocre people are always at their best.

Offline JollyRoger

  • That's Captain
  • Hero Member
  • *****
  • Posts: 3965
  • Karma: 5
  • I be plundering the interweb for booty.
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #10 on: March 08, 2006, 02:05:03 PM »
hmmm.....


Positionable
Logged
No matter how hard you try to push the envelope, remember it's only stationary.

Offline ZWarrior

  • Administrator
  • Hero Member
  • *****
  • Posts: 7798
  • Karma: 8
  • Shhh! Be wery wery qwiet...
    • View Profile
    • Ambush!
Website Coding Question!!!! Heeeelp!
« Reply #11 on: March 09, 2006, 09:42:02 AM »
The list of misspells and fat fingers in that single post is incredible!  You have my respect for even surpassing your brother.  Wow!

Sometime I would like to sit with you and talk further about using the div tags instead of table flags.
Logged
--------------------------------
Zoë: Shepard, isn't the Bible kind of specific about killing?
Book: Very specific. It is, however, somewhat fuzzy around the area of kneecaps.

Offline JollyRoger

  • That's Captain
  • Hero Member
  • *****
  • Posts: 3965
  • Karma: 5
  • I be plundering the interweb for booty.
    • View Profile
Website Coding Question!!!! Heeeelp!
« Reply #12 on: March 09, 2006, 01:45:33 PM »
:*:D
Logged
No matter how hard you try to push the envelope, remember it's only stationary.
Pages: [1]   Go Up
« previous next »