• 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.


tim

Senior Member
#1
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.

IM ON ABOUT CODING THE TOP LINE OF NAV AND LOGO HAHA

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?
 

tbwcf

Active Member
#3
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).
 

tim

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

they're mainly, well completely, wrong.
 

Harry

Senior Member
#5
tbwcf said:
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).
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.
 

Levi

Moderator
Staff member
#6
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 :)
 

Harry

Senior Member
#8
Levi said:
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 :)
No I didn't build the whole site, just wee bits.
 

Kevin

Senior Member
#12
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.
 

tim

Senior Member
#13
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.
 

tim

Senior Member
#14
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?
 

Kevin

Senior Member
#15
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.
 

Harry

Senior Member
#17
Code for three cols? Simple.

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

Code:
#content{  -moz-column-count:3;  -moz-column-gap:10px;}
 

Harry

Senior Member
#19
Code:
<div class="col">  …</div><div class="col">  …</div><div class="col">  …</div>
or

Code:
<div id="content">  …</div>