Results 1 to 6 of 6

Thread: css and html, new homepage, bewildered...

  1. #1
    Join Date
    Jul 2005

    css and html, new homepage, bewildered...

    Making a new homepage for an expedition I am doing. The graphic design is done but I want it to look pretty much like this homepage:

    Is css layout the best way to go? I am not a beginner in either html or css but I have never done layouts with css, only formatting.
    Anyone know of a good tutorial that covers a page similar to the one above? And is css the best way to attack the project, or is there any other ways that is faster and easier to update, the two most important things..

    Thanks!! If I am not being specific enough please tell me!

  2. #2
    Join Date
    May 2004
    dobson ave.
    Hi -
    Here's one version of what the .html could be like if trying to separate styles from content - which is a good switch from the original site! -
    HTML Code:
    <div class="container">
      <div class="header"> [w/ bkgnd. img for right side image]
      <img> [for the logo on the left]
      <p or span> [for left part and links to the right]
          <div class="main"> [floats right w/ set width]
            <div class="left"> [floats right w/ set width]
              <div class="foot"> [which has clear:both;]
    Other areas in which you might want to deviate from the original are:
    - declare a !DOCTYPE
    - try not to use images as links

    And if you're new to CSS, I'd suggest adding internal styles up in the <head> during authoring - then switch it over to an external, linked page when starting to do the rest of the site pages. [Centralization = fewer headaches during edits: you got that right, too!]

    Good luck & have fun,

  3. #3
    Join Date
    Jul 2005
    Thanks! I am going to get started on the building soon, give you a link when it is done

    But one question, why not use images as links? Is there any way to get the graphical design I want without using images as links?

  4. #4
    Join Date
    Jun 2004
    If the images are legible then there's no major issue although you should make sure that you are using alternate text for non-graphical browsers and search engines.
    Disclaimer. (1) Whilst I will help you sometimes, if I feel like it, and my advice in relation to your actual question will be of good quality: my posts are to be taken with a pinch of salt. I will be sarcastic, deploy irony and include obscure cultural references for my own amusement without warning.
    (2) You will gain nothing from complaining, and if you try to argue with me then you will not win. No matter how noble your battle seems, I am still better than you, don't be an hero.

  5. #5
    Join Date
    Jul 2005


    Hey! been doing some work on the page now and it is looking better, but having a problem with the menu and the content not being horizontally alligned, the menu is above the content, as in higher up on the page. Any clue how I can fix this?

    here is the code so far:

    		{float: left;
    		width: 100px;
    		background-color: green;}
    		margin-left: 116px;
    		background-color: #6894B7;}
    Any clue why they are not horizontally alligned?

  6. #6
    Join Date
    Nov 2004
    try clear: both; in the bottom bit
    "Oh they have the Internet on computers now." - Homer Simpson

    "Me fail English? That's Unpossible!" - Ralph Wiggum

    Ian Hunter
    My Site: Hunters Online

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center