I need to move this, to there - HTML

Number_25 · 6 Dec 2011 at 12:59

Afternoon,

I'm currently creating my website in HTML and can't seem to move my hyperlinks bar down to where its supposed to be.

To this.

hargi · 6 Dec 2011 at 13:05

can you post some code? html and css please

Number_25 · 6 Dec 2011 at 13:07

Managed to do it with tables.

hargi · 6 Dec 2011 at 13:08

nooooooooooooooooooooooooooooooooooooo

Dont use tables for layout

Linkex · 6 Dec 2011 at 13:24

Thats right, put every element in its own HTML, and use iframes to put the page together. Its great, because you only have to change your menu in 1 place to change it everywhere?

*Is he serions? I'm not sure*

Number_25 · 6 Dec 2011 at 14:49

http://86.141.162.247/template.html

It works though ;L

8t10 · 8 Dec 2011 at 20:50

Doesn't even load :O

HTML has moved a long way since those days of layout tables, <div> is for layout right now.

Code:

<div class="menu">
<a href="#">Example</a>
<a href="#">Example</a>
<a href="#">Example</a>
</div>

then use CSS to style that.

feedtheram · 8 Dec 2011 at 20:58

Are there no instances where tables are better to use?

8t10 · 8 Dec 2011 at 21:01

Tabular data.
Display: table-cell is rather useful occasionally - for certain things.
Mainly how tables are rendered is the issue, the browser redraws it many many many times until it reaches the end because it doesn't know how big each cell needs to be.

Randomface74 · 8 Dec 2011 at 21:03

And accessibility, in that your content is read in the order the table needs it to be - rather than in the order it makes sense.

jack.mitchell · 8 Dec 2011 at 21:09

8t10 said:
Doesn't even load :O

HTML has moved a long way since those days of layout tables, <div> is for layout right now.

Code:

<div class="menu"> <a href="#">Example</a> <a href="#">Example</a> <a href="#">Example</a> </div>

then use CSS to style that.

Or even better

Code:

<ul>
<li><a href="#">Example</a></li>
<li><a href="#">Example</a></li>
<li><a href="#">Example</a></li>
</ul>

then style that. If you're really interested then this is a very enthusiastic book which explains a lot of 'taken for granted' concepts, and also introduces you to the fun of HTML5!

http://www.diveintohtml5.net