navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Centered graphic with link?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Centered graphic with link?
Page: [1]
 
tmckee

 

Posts: 5
Joined: 11/26/2004
Status: offline

 
Centered graphic with link? - 11/26/2004 0:21:36   
I used this to center a graphic regardless of scree resolution: <style type="text/css">
body {
background-image: url("images/enterl.gif");
background-repeat: no-repeat;
background-position: center center;
}
</style>

Now, I'd like to make the graphic a link to: http://www.thomasmckee.com/index2.html.

How can I do that? The page I'm working on is www.thomasmckee.com.
Kitka

 

Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: Centered graphic with link? - 11/26/2004 0:31:44   
I don't think it is possible to link a background image. You will need to make it a regular image.

Here is one suggestion for centering it:
http://www.wpdfd.com/editorial/thebox/deadcentre2.html

Good luck

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to tmckee)
tmckee

 

Posts: 5
Joined: 11/26/2004
Status: offline

 
RE: Centered graphic with link? - 11/26/2004 0:51:19   
OK. Thank you. Basically, what I'm trying to do is place a graphic in the center of the page (regardless of screen resolution) and make it a link.

(in reply to tmckee)
Kitka

 

Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: Centered graphic with link? - 11/26/2004 1:09:41   
Position your graphic by adapting the CSS code method shown in the link I gave you. Then select the graphic with your mouse and link to it the normal way.

If you are using FrontPage click on Insert > Hyperlink from the menu bar and select the page you wish to link to.

A word of caution - unless you have some words near your graphic like "Enter here" (or similar) there are many(!) people who will not think of clicking on the graphic. They'll think that there is nowhere else to go and leave.

Good Luck.

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to tmckee)
Kitka

 

Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: Centered graphic with link? - 11/26/2004 1:21:23   

Oh ... and a very big WELCOME to OutFront. :)

Sorry, I didn't notice earlier that this is your first post/thread. :)

Warm regards

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to tmckee)
tmckee

 

Posts: 5
Joined: 11/26/2004
Status: offline

 
RE: Centered graphic with link? - 11/26/2004 1:24:56   
Thank you very much. And with your help, I think I figured it out. I use notepad for most of my 'Non-flash' stuff which tends to make it easier to make errors. I really should use the wysiwyg applications. Thank you for your help.

(in reply to tmckee)
Kitka

 

Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline

 
RE: Centered graphic with link? - 11/26/2004 1:53:49   
I tend to hand-code most of my stuff, but FrontPage and wysiwyg can speed things up for little things like linking, or bigger things like search and replace across a whole web site. I spend most of my time in html view though :)

Your graphic is looking good and the link works well. Two possible problems though: your graphic is 200x202px but the dimensions of your content div are set at 250x70px. That might snarl up some browsers. Also, "invisible" is not a valid value for the "visibility" property in CSS. See here: http://www.w3schools.com/css/pr_class_visibility.asp

I am not sure why you would want the graphic to be invisible anyway? :)

_____________________________

Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**


(in reply to tmckee)
tmckee

 

Posts: 5
Joined: 11/26/2004
Status: offline

 
RE: Centered graphic with link? - 11/26/2004 1:57:01   
Oops. Thanks.

(in reply to tmckee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Centered graphic with link?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts