HTML help: I need some help with a web page layout for my Computer Tech class. - Help.com

I need some help with a web page layout for my Computer Tech class.

So far I have the page divided into 3 sections vertically with table like this.

[ ]
[ ]
[ ]

What I want to do is make 5 sections centered in the middle row each with a white border around them sort of like this.

[ [ ] [ ] [ ] [ ] [ ] ]

Each one will have a picture and two lines of text. My problem is that I don’t think I can do this with table elements. I wanted to do it with div tags, but they end up on seperate lines, and span tags won’t let me create a border. If anyone has any ideas on what I should do please let me know.

Thanks in advance.

This closed post was written 6 months, 2 weeks ago | V/U/S: 226, 10, 5 | Edit Post | Report Post

HTML, web design (How Tags Affect Reciprocity)

❤ℓινιηgJst4u 145 #
An Unknown Location | 6 months, 2 weeks ago (1 minute after post)

i’ll help u out..
but, jst give me a moment..

i'll help u out.. but, jst give me a moment..

Help me with: waiting love…

❤ℓινιηgJst4u 145 #
An Unknown Location | 6 months, 2 weeks ago (7 minutes after post)

u ther mac?

u ther mac?

Help me with: waiting love…

❤ℓινιηgJst4u 145 #
An Unknown Location | 6 months, 2 weeks ago (8 minutes after post)

i think we can do it table itslf….but, i dont knw in div. sounds okey?

i think we can do it table itslf....but, i dont knw in div. sounds okey?

Help me with: waiting love…

potree #
An Unknown Location | 6 months, 2 weeks ago (8 minutes after post)

Yes, you can do this with tables, but if you can do it with CSS, then go with css.

For the table, do something like this for the middle section:
TABLE>
table width=?? border=1(or whatever you want)>
tr>
td> tr> td>Lines of Text Here /td> /tr> tr> td> img src=”" />Image /> /tr> /td>
td>Do same as above /td>
td>… /td>
td>… /td>
td>… /td>
/tr>
/table>
/TABLE> OUTSIDE BRACKET

As you can see, doing it all in tables is really crappy, but if this is all you know at this point, then this should work fine. I didn’t test the code, but I am sure it should give you something like what you asked for.

Yes, you can do this with tables, but if you can do it with CSS, then go with css. For the table, do something like this for the middle section: TABLE> table width=?? border=1(or whatever you want)> tr> td> tr> td>Lines of Text Here /td> /tr> tr> td> img src="" />Image /> /tr> /td> td>Do same as above /td> td>... /td> td>... /td> td>... /td> /tr> /table> /TABLE> OUTSIDE BRACKET As you can see, doing it all in tables is really crappy, but if this is all you know at this point, then this should work fine. I didn't test the code, but I am sure it should give you something like what you asked for.

This account has been deactivated.

potree #
An Unknown Location | 6 months, 2 weeks ago (10 minutes after post)

ok, all my ” ” characters were stripped away, so just make sure to put them in at the beginning of all tr, td, table, etc.

ok, all my " " characters were stripped away, so just make sure to put them in at the beginning of all tr, td, table, etc.

This account has been deactivated.

Arkia Valkair 8 #
An Unknown Location | 6 months, 2 weeks ago (4 hours, 8 minutes after post)

I do already know how to do it with tables, but it won’t be centered or with a fixed width (which I should have stated in the original post) That way they would be uniform and only create white space at the sides of the page instead of inside the sections.

Tables are, as you said, really crappy which is why I don’t want to use them. And it certainly is not all that I know at this point. I was looking for a css solution but if there isn’t one I’m willing to go with a different set up I have in mind.

I do already know how to do it with tables, but it won't be centered or with a fixed width (which I should have stated in the original post) That way they would be uniform and only create white space at the sides of the page instead of inside the sections. Tables are, as you said, really crappy which is why I don't want to use them. And it certainly is not all that I know at this point. I was looking for a css solution but if there isn't one I'm willing to go with a different set up I have in mind.

zinx 0 #
An Undisclosed Location | 6 months, 2 weeks ago (13 hours, 47 minutes after post)

For making it center, you can add
align=”center”

As for fixed width, you can specify absolute width which is not a really good thing to do mostly. Reason being everyone has a different screen size so if you have an absolute size, even with a bigger screen or a smaller one, it will still occupy the size you specified, leaving it look a bit odd sometimes.

However,to specify an absolute size, just add the size as pixels (px) or point (pt) etc. like this.

width=”200px”

Or, “Width:200px”

For making it center, you can add align="center" As for fixed width, you can specify absolute width which is not a really good thing to do mostly. Reason being everyone has a different screen size so if you have an absolute size, even with a bigger screen or a smaller one, it will still occupy the size you specified, leaving it look a bit odd sometimes. However,to specify an absolute size, just add the size as pixels (px) or point (pt) etc. like this. width="200px" Or, "Width:200px"

Help me with: I want to make my own website but I am stuck.

spiratec9 2 #
Burnaby, BC, CA | 4 months, 2 weeks ago (2 months after post)

Find a website that looks similar to what you want then look at the pages
code.

Find a website that looks similar to what you want then look at the pages code.

Help me with: Are there other websites like help.com?

mricks 0 #
An Unknown Location | 4 months ago (2 months, 2 weeks after post)

you should space out the measuring and have people scroll side to side instead of up and down

you should space out the measuring and have people scroll side to side instead of up and down

Help me with: polynomials and monomials

This post has been closed, no more replies. Thanks!

Seeing as this post is closed, no invites are allowed.