Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

coding me a new website, yarr.

Discussion in 'Website Design Forum:' started by tim, Aug 25, 2009.

  1. tim

    tim Senior Member

    hey hey DF.

    i've been working on a new website. got the final sketches now and they're feeling good.

    here was the sketch.


    there are images above the nav.


    obviously, for accessibility and to avoid general stupidity, the logo wouldnt be part of the container background, but for accessibility reasons I wouldn't use left/right columns or <span></span> would i?
  2. Harry

    Harry Senior Member

    Logo is an <img /> floated left, nav is a <ul> floated right like I did for Glen here. Schimple.

    (Is that what you mean?)
  3. tbwcf

    tbwcf Active Member

    I'm not too sure what your asking Tim?

    Using spans doesn't make a site inaccessible but empty spans (often used for image text replacement) are considered bad practice as they are not a necessary part of the mark up and are used for the design only, technically html should be markup only and css for the design, empty spans cross the design/markup boundaries (think that makes sense).
  4. tim

    tim Senior Member

    nice one harry i thought it'dbe that just, well, you know me with my thoughts.

    they're mainly, well completely, wrong.
  5. Harry

    Harry Senior Member

    What you say is most definitely correct, but when it comes to image replacement some sacrifices are better to make than others. Probably a topic for another thread though haha.
  6. Levi

    Levi Moderator Staff Member

    Harry, I'm not sure if the whole site of glens was sorted by you or not but half the links are leading to error pages. Thought I'd better mention it at the very least :)
  7. Kevin

    Kevin Senior Member

    Apple style scrollbar *hint* *hint* :p
  8. Harry

    Harry Senior Member

    No I didn't build the whole site, just wee bits.
  9. tim

    tim Senior Member

    yeah well it's not gonna be a shite vista one is it!?
  10. Xenonsoft

    Xenonsoft Active Member

    Faaaaaaaaaaaaaaaanboy :D
  11. tim

    tim Senior Member

    nah, fanboys love steve jobs- i dont. i just think he's a bit clevererer than gates.
  12. Kevin

    Kevin Senior Member

    Oh come on Greg :p

    So back on topic... are you planning on working it out in Photoshop? Because from the sound of it, you just started coding it.
  13. tim

    tim Senior Member

    of course i've started in photoshop n00b, i just wanted to know because the question was in my head at the time and i always ****ing forget.
  14. tim

    tim Senior Member

    i also had code set up for the three newspaper-column-like layout... but i lost it.

    how do i code that harry/sunburn/tbwcf/etc?
  15. Kevin

    Kevin Senior Member

    The only way to do that is by making three divs that act as your columns, and then carefully measure out your content (by hand) to make the columns the same size. If you want to have them even out automatically there is some jQuery script available, which I can't remember the name of.
  16. tim

    tim Senior Member

    ahh okay nice one.

    msn me that link if you find it. will need your help in a lil while anyway.
  17. Harry

    Harry Senior Member

    Code for three cols? Simple.

    .col{  float:left;  width:33%;  display:inline;}

    #content{  -moz-column-count:3;  -moz-column-gap:10px;}
  18. tim

    tim Senior Member

    thanks :)

    i have no idea of the html tho harry :p
  19. Harry

    Harry Senior Member

    <div class="col">  …</div><div class="col">  …</div><div class="col">  …</div>

    <div id="content">  …</div>
  20. tim

    tim Senior Member

    oh that makes sense :p

    thanks a squillion, harry :)

Share This Page