Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Oct 2006
    Location
    Okotoks, Alberta
    Posts
    12
    Member #
    14206
    Hi all,
    Well I have finally started my first page using photoshop for the layout. I was wondering how I can turn the text I have into a hyperlink? Or if I am doing it wrong can someone tell me the right way to do it. I am not asking for it to be judged on how good (or rather how bad) it is, just some suggestions. This is just a personal page for family to see pictures and for me to tinker with. You can view it at:
    www.theneumanplace.com
    Thanks
    John

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,755
    Member #
    5580
    Liked
    720 times
    Well ...

    This is going to be an adventure for you.

    It's good to start somewhere, but here's where you'll need to go ...

    1) Your site will not be one big image, but a bunch of smaller images.
    Divided into sections using CSS (Cascade Style Sheets) ... which is a
    tool for HTML (CSS is used for layout and positioning).

    2) You'll need to learn HTML, CSS and find tutorials and examples on the web.

    3) To answer your question, your buttons will be one blank image with no
    text on them. You then use CSS to display the buttons and put the text
    over each button ... the text becomes the link.

    See this working example:

    http://catpin.com/neuman/


    As with any website, you can view the HTML source-code by clicking the
    "View" link at the top of your browser, mouse down to "HTML Source",
    or whatever it is with your browser. View the HTML on my example.


    4) It will be a learning adventure for you to re-do everything you've done.
    Making sections and laying them out so you can add proper text content and
    photographs / galleries. Good luck and visit us for answers to problems you encounter.

    A complete HTML/CSS tutorial is beyond the scope of this forum, but we're happy to
    give hints and suggestions whenever you ask. Welcome to the forum, by the way ...


    .


  4. #3
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790

  5. #4
    Junior Member
    Join Date
    Oct 2006
    Location
    Okotoks, Alberta
    Posts
    12
    Member #
    14206
    Hi again all,

    Ok well I am now in the process of learning HTML and CSS but till I am good at that I am still going to be making my personal website with Dreamweaver. Can someone please let me know if there is a way to put text (for the link) over the buttons on my page so that when you put your cursor over the text it changes color? Sort of like mlseim did above in this post. If I use the flash text in Dreamweaver the placement is off between Internet Explorer and Firefox. Maybe someone knows of a tutorial that can explain it to me. Here's a link to my page again.
    www.theneumanplace.com

    Thanks
    John

  6. #5
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    You mean a roll over button?

    Here's a good tutorial about how to do it with CSS

    The key in this tutorial is that buttons are background images. You then use the html link..

    <a href="link">This is a button</a>

    This will give you the text on top of your button. Give it a go

    http://www.webdesignforums.net/showthread.php?t=22807

    EDIT:
    I believe this tutorial will also help you
    http://www.webdesignforums.net/showthread.php?t=10662

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,755
    Member #
    5580
    Liked
    720 times
    John ...

    A problem you're going to face right away ...

    Your website needs to be several images, not just one big image.

    You'll have the header/banner section,
    your buttons, which are one image repeated across the screen.
    And the content section.

    All of these sections are positioned using your CSS style sheet.

    Those images will all be background images, so you can position your
    text and other images over the top.

    I think you need to dwell more on the layout and CSS before you start
    putting content in ... you might get frustrated if you go any further with this.



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:37 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com