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.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Junior Member e_a_g_l_e_p_i's Avatar
    Join Date
    Dec 2005
    Posts
    18
    Member #
    12211
    I don't know much about web design now a days, I learnt html back about 4 or 5 years ago so I can find my way around but I have not kept up with the newer designing technics

    I want to make my website like this example below

    http://www.in-forum.com/

    I don't want everything like this site has but I do want small areas divided up so I can place content in that space.


    Also what is the best way to take a header I have made and section it into a image map so that I can place content within the header

    If you can provide me with EXAMPLES of what you suggest, I understand things better when I see them
    If it sounds good, you'll hear it. If it looks good, you'll see it. If it's marketed right, you'll buy it. But, if it's real, you'll feel it.-

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    They are using a mix of CSS style sheets and tables.

    I'm guessing that the web page is not a static page, but created using PHP or ASP.

    The part about your image map.

    Do you mean you want portions of a graphic image to be links,
    or you want a background image with text placed over the top of it?

    Using CSS, your image becomes the background and you place your
    text or other images over the top by positioning them where you want.

    If you can create a simple web page with your graphic images displayed
    on the page, we can give you CSS examples using your actual graphics.
    You create the page and give us a link.

    To really understand CSS, you should visit this site: http://www.csszengarden.com

    What the site teaches, is that each example uses the same HTML file, the same text,
    the same content ... what is different is the Style sheet and graphics. It's amazing
    to see how the same exact text content can be displayed in unique ways using
    a variety of style sheets.


  4. #3
    Junior Member e_a_g_l_e_p_i's Avatar
    Join Date
    Dec 2005
    Posts
    18
    Member #
    12211
    This is a example of what I am trying to do, the only part I can't seem to do is divide the right and left columns into the sections I want.

    http://www.eaglepi.com/example.html

    any and all help is appreciated.
    If it sounds good, you'll hear it. If it looks good, you'll see it. If it's marketed right, you'll buy it. But, if it's real, you'll feel it.-

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    Eaglepi ...

    Is that really a photo of you, or Howie Mandell?

    Take a look at this example using nested tables:

    http://www.catpin.com/example2.html


  6. #5
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Quote Originally Posted by mlseim
    I'm guessing that the web page is not a static page, but created using PHP or ASP.
    It's actually done in Cold Fusion :speechless: . Note the .cfm extensions on the pages
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  7. #6
    Junior Member e_a_g_l_e_p_i's Avatar
    Join Date
    Dec 2005
    Posts
    18
    Member #
    12211
    Quote Originally Posted by mlseim
    Eaglepi ...

    Is that really a photo of you, or Howie Mandell?

    Take a look at this example using nested tables:

    http://www.catpin.com/example2.html
    It's me, I wish I was Howie Mandell, is that you?..........................LOL
    If it sounds good, you'll hear it. If it looks good, you'll see it. If it's marketed right, you'll buy it. But, if it's real, you'll feel it.-

  8. #7
    Junior Member e_a_g_l_e_p_i's Avatar
    Join Date
    Dec 2005
    Posts
    18
    Member #
    12211
    Quote Originally Posted by mlseim
    Eaglepi ...

    Is that really a photo of you, or Howie Mandell?

    Take a look at this example using nested tables:

    http://www.catpin.com/example2.html
    mlseim,

    The example you gave me if I understand it correctly is what I really need, a template that will expand in the areas I insert data and the sections would expand as needed. As far as creating these tables in notepad I know that is above my head, I used Frontpage because I don't understand how to struction tables and tables within tables.

    With frontpage it's easy because you can see what you are drawing.

    would you care to help me out by coding it properly for me?????? I know it's asking alot but as you can tell I am lost when it comes to tables

    Ron
    If it sounds good, you'll hear it. If it looks good, you'll see it. If it's marketed right, you'll buy it. But, if it's real, you'll feel it.-

  9. #8
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    I didn't ask you about this before ...

    But did you know that you can use your browser to view anybody's HTML code
    on their website?

    Example, go to my example: http://www.catpin.com/example2.html

    Then click on the "view" button at the top of your browser and mouse down to
    "source" or "page source" and click. It will open up the actual HTML code in
    Notepad. Copy and paste that code into your own HTML file.

    That feature is probably the best learning tool you'll find. Google searching for
    "HTML tutorial" will also bring up millions of tutorials and examples.

    Once you have my example HTML copied on your PC, go ahead and try
    opening that file with FrontPage ... it may or may not work, because FrontPage
    does some really strange things with HTML (sometimes not standard).

    You can see the problem we have with making a layout/structure for you ...
    we don't have the images or the text content to put in, and when we return
    the layout back to you, it may not open-up with FrontPage. So, if you can
    learn to view the HTML with Notepad and figure out where to insert your images
    and text you'll be better off.

    Continue to work on your example, and keep it uploaded so we can see it. If you
    get stuck with a portion of it, we can view your HTML (just like I mentioned above),
    and see where the mistakes are.

    Keep plugging away though ... don't get discouraged. In a short time, you'll be
    able to edit things quickly and know what you're doing.

    Always look around on the internet and view other peoples' HTML source ... cutting
    and pasting portions into your own files so you can experiment with the code.

    --max--


  10. #9
    Junior Member e_a_g_l_e_p_i's Avatar
    Join Date
    Dec 2005
    Posts
    18
    Member #
    12211
    Max

    I took your example and added some filler images to give you an idea of what I want my site to be set up like. here is the address
    www.playboyguy.com/test/example2.html

    How can I make the whole page narrower I use 1280 X 960 resiloution and if fills my whole page. I would like the whole page to be the width of my header, what can I do to change it so it is like that??

    As always thanks for the help
    If it sounds good, you'll hear it. If it looks good, you'll see it. If it's marketed right, you'll buy it. But, if it's real, you'll feel it.-

  11. #10
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    Wow ...
    That looks pretty nice!

    I'm not really sure what you mean ...

    If you're talking about what happens when viewed on an 800X600 browser ...
    The narrowest width your header can be is the width or your graphic image.

    When you squeeze the browser, the tables collapse until they hit the width of
    the widest image. This is a problem with tables (which is why CSS is now the
    preferred way to layout pages). But, you can overcome this by putting in a
    transparent graphic image that keeps the cells from collapsing.

    See my example now: http://www.catpin.com/example2.html

    =====================

    Copy that image (inside the box) and put it on your own website to use.

    You will need to play with the height and width to tweak it how you want.

    =====================

    When you view it, click your refresh button because I altered it and it might
    be cached in your browser.


    --max--



Page 1 of 2 1 2 LastLast

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 12:08 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com