Looking for some help and advice on creating this HTML page.

Discussion in 'HTML & Website Design' started by plutoegg, Aug 9, 2011.

  1. #1
    PLEASE HELP ME!

    Basicly I am trying to create an html page which will look like this, with each button linking to a different page. Desired image.jpg

    So far I have had some basic attempts with html myself and come up with this:


    View attachment Slide 1 - first part.txt View attachment Slide 1 - second part.txt View attachment Slide 1 - third part.txt


    In order to upload I had to split it into three sections which just shows how ridiculous the current html is.


    As you can probably tell I am no expert, and the whole thing is a mess. Can anybody help me sort it out, and tell me how to make it fill the whole of a browser screen, instead of always being the same size? Thanks!
     
    plutoegg, Aug 9, 2011 IP
  2. pr02

    pr02 Greenhorn

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #2
    I can do this for you. Pm me with your budget and your skype.
     
    pr02, Aug 9, 2011 IP
  3. plutoegg

    plutoegg Well-Known Member

    Messages:
    1,207
    Likes Received:
    154
    Best Answers:
    0
    Trophy Points:
    105
    #3
    sorry, didnt mean it as a job, just looking for a bit of help so i can do it myself. my budget is 0 :/
     
    plutoegg, Aug 9, 2011 IP
  4. LeetPCUser

    LeetPCUser Peon

    Messages:
    711
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I can help out. I would not recommend making it full width, as some people like me use widescreen and then paragraphs end up being straight lines of text.
     
    LeetPCUser, Aug 9, 2011 IP
  5. lysoleverywhere

    lysoleverywhere Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Try this
    CSS
    .leftDiv {float:left;width:500px;}
    .leftDiv p {font-size:14pt;font-weight:bold;color;#000;margin:20px 30px;}
    .leftDiv img {margin:20px 0 30px 0;}

    .rightDiv {float:right;width:400px;}
    .rightDiv img {margin:0;}


    HTML
    <div class="leftDiv">
    <img src="img-3t.jpg" alt="Building Success Layer by Layer" />

    <p>At 3T we …</p>
    <p>This flowchart...</p>
    </div>


    <div class="rightDiv">
    <img src="img-blocks.jpg" alt="Block Image" />
    </div>
     
    lysoleverywhere, Aug 9, 2011 IP
  6. Rufas

    Rufas Peon

    Messages:
    27
    Likes Received:
    1
    Best Answers:
    3
    Trophy Points:
    0
    #6
    HTML is not suitable for this kind of task. You are better off using Flash that can do the same thing with less hassle.

    But if you insist, you can make an image of the complete flowchart and use javascript to create an image map. Something similar to this:

    www.javascriptkit.com/howto/imagemap.shtml

    - Rufas
     
    Rufas, Aug 10, 2011 IP
  7. lysoleverywhere

    lysoleverywhere Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Stay away from Flash. Even Adobe is moving away from it. There's a reason Apple won't include Flash in it's computers. It's clunky and stupid.
     
    lysoleverywhere, Aug 10, 2011 IP
  8. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #8
    we can do that. please send us psd file in pm
     
    creativewebmaster, Aug 11, 2011 IP