Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 4 123 ... LastLast
Results 1 to 15 of 47
  1. #1
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Homepage Challenge

    Hi,

    I have had some great help from this forum covering all aspects of the my website but I am still struggling with the most difficult part of my website, the homepage. There are a number of things I am looking to do:

    - add anyother suitable content
    - put box around resource center
    - automate size of leaf image
    - anything else people might suggest.

    If anyone could help me with these I would be grateful.

    http://worktips.co.uk/index15.html

  • #2
    Regular Coder Karen S. Garvin's Avatar
    Join Date
    Nov 2006
    Location
    Maryland
    Posts
    227
    Thanks
    5
    Thanked 2 Times in 2 Posts
    When I'm looking at the site, I'm not sure if it's one site or a page of links to other websites. Your homepage needs to be clear on this. Right now it looks like advertising.

    None of the links work; I keep getting the Error 404. I take it most of these are in the works?

    The navigation menu at left is clean, but the color change is not highly visible. Perhaps bump up the contrast a little more. People with vision problems may not see the difference.
    ----------------------------------------------
    Karen S. Garvin
    http://ksgarvin.wordpress.com

  • #3
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    This sort of "one size fits all" post might be better answered if you take one question at a time, in the proper forums. Getting a review in the "site reviews" forum might not be a bad place to start. Let me know if you'd like that and I'll move it.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    View the page in Firefox and you'll see the things wrong with it.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What are the problems in Firefox, I find it difficult to be abjective when you have the seen the same page over a hundred times! lol

    The main problem I am having is the box around the resource center, if someone could resolve that would be great.

  • #6
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    rmedek could you advise on the problem with the site in Firefox as you mentioned earlier.

    Any other views then please feel free to post.

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    No DocType
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #8
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Right, so what do I need to do? It appears in Firefox but what is the difference to not having a doctype?

  • #9
    Regular Coder
    Join Date
    Sep 2004
    Posts
    230
    Thanks
    1
    Thanked 0 Times in 0 Posts
    the difference is being xhtml compliant and knowing how it will rendering in just about any given browser
    IF I DID GOOD THROW ME A REP POINT

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    Powered, read about DocTypes in the link in my sig below.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #11
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Im confused, will this help put a border around the resource center area?

  • #12
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    Powered,
    Just to step through a few of the biggest problem areas:

    Complete doctype and character encoding like this:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <TITLE>PowerOverWireless.com - Home</TITLE>
    <STYLE type=text/css>
    * {
    	margin: 0;
    	padding: 0;
    }
    UNKNOWN {
    	FLOAT: left
    }
    You can only use an id once. That first one could be renamed #header maybe.
    The second #wrapper needs the floats cleared.
    Code:
     <DIV id=wrapper>
    <DIV id=headercolumn1><A href="http://www.poweroverwireless.com/"><IMG height=65 
    alt="Power Over Wireless" src="power_files/logos7.png" width=564 border=0></A> 
    </DIV></DIV>
    <DIV id=wrapper>
    <DIV class=column1>
    <DIV id=vertmenu1>
    I usually use a strict doctype that requires you to close things.
    I THINK that html 4.01 lets you do it this way, but I'm not sure... I'm used to adding a </li> to close each list item.
    Code:
    <DIV id=vertmenu1>
    <UL>
      <LI><A tabIndex=1 href="http://www.poweroverwireless.com/">Home</A> 
      <LI><A tabIndex=2 href="http://www.poweroverwireless.com/power.html">Power</A>
    When you resize the site narrow enough, the content in each column breaks out the bottom. Need to figure out how you want to handle that, overflow: auto; maybe?



    There is so much stuff in #resourcebox that I lost count of the divs!
    I think there was one that was not closed though? Check the validator for that.

    To get a box around your 3 columns at the bottom just have #resourcebox enclose #resourceheader and #resourcecolumn1 through 3.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #13
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks met, Ive changed the wrapper and also simplfied the resource center and posted a new example

    http://worktips.co.uk/index17.html

    Could you have a look at this code and advise what I need to do. Thanks for the advice so far I shall work at that concurrently.





    <div class="resourcebox">
    <div id="resourceheader">
    <a href="http://www.poweroverwireless.com/resourcecenter.html" target="blank">Resource Center</a>
    </div>
    <div id="resourcecolumn1">
    <a href="http://www.amazon.com/MIMO-Wireless-Communications-Ezio-Biglieri/dp/0521873282/sr=1-2/qid=1168084564/ref=sr_1_2/102-9007727-0096913?ie=UTF8&s=books" target="blank">MIMO Wireless Communications</a>
    </div>
    <div id="resourcecolumn2">
    <a href="http://www.amazon.com/MIMO-Wireless-Communications-Ezio-Biglieri/dp/0521873282/sr=1-2/qid=1168084564/ref=sr_1_2/102-9007727-0096913?ie=UTF8&s=books" target="blank">MIMO Wireless Communications</a>
    </div>
    <div id="resourcecolumn3">
    Associations
    </div>
    </div>
    </div>
    </div>

  • #14
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    <head> still in the wrong place.
    DocType HAS to be the first line. See my post above for the correct format.


    Still at least two instances of #wrapper


    Delete all those extra closing div tags. Your closing #resourcecolumn3 before it encloses the other columns.
    Code:
    <div id="resourcecolumn3">   
    Associations 
    </div>
    </div>   
    </div>  
    </div> 
    <div class="basecol3">
    <div id="environborder">
    <div id="environtextheader">
    <a href="http://www.poweroverwireless.com/environment.html" target="blank">ENVIRONMENTAL TECHNOLOGY</a>    
    </div>
    <div id="environtext">
    At PowerOverWireless.com we also promote and support the enviromental benefits of Power Over Wireless technology.
    </div>
    <div id="environimage">
    <a href="http://www.poweroverwireless.com/environment.html"><img src="/images/windpower1.png" width="200" height="200" style="float: centre" alt="ENVIRONMENTAL TECHNOLOGY" border="0"/ ></a>
    </div>
    </div>
    </div>
    </div>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #15
    Regular Coder
    Join Date
    Jan 2007
    Posts
    134
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, so Ive moved the <head> tag and remove the divs and nows really gone scuiff

    http://worktips.co.uk/index18.html

    In removing the divs in the resource box the box does around the columns in IE but it stays the same in Firefox. What do you think I need to do next?


  •  
    Page 1 of 4 123 ... LastLast

    Posting Permissions

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