Jump to content

Archived

This topic is now archived and is closed to further replies.

Dax

page centering help

Recommended Posts

Hello, Long story short...I am picking up where a person left off on a sight after quitting and have no clue what im looking for.
I have managed to find some info but not enough to create the desired finish. I was told that i cannot use the same html code from his previous work since we have switched over to php....

Basically i'm trying to create a content page that displays 4 images in a row with the name and description centered under each image while the whole thing is centered to the page.

I was able to create the 4 images with name and descriptions but the table aligns to the left and looks like this

THE ACTUAL IMAGE

Image name

Image description


Here is an example of what i used. It allows me to create what i want, but i don't know enough on how to make the whole thing center to the page.

<table><tr><td>
[img]charter_ribbon.jpg[img]<br>[b][u]CHARTER MEMBER[/u][/b]<br><br>Awarded to recognize the nine <br>founding members</td><td>
[img]member_ribbon.jpg[img]<br>[b][u]MEMBER[/u][/b]<br><br>Awarded to all new members who join <br>the team</td><td>
[img]purple_ribbon.jpg[img]<br>[b][u]PURPLE STAR[/u][/b]<br><br>Awarded to any member that has had <br>an emotional or physical event happen</td><td>
[img]recognition_ribbon.jpg[img]<br>[b][u]RECOGNITION[/u][/b]<br><br>Awarded to recognize members for<br> thier contibutions to our community</td></tr></table>

If anyone has anything that could help i would really appreciate it, or if someone could point me to a good referrence guide on php html code....oh and i left off the / in the [img] so it didnt make an error on this page

Thx in advance

Share this post


Link to post
Share on other sites
Change <table> to <table align='center'> and change <td> to <td align='center'>

Share this post


Link to post
Share on other sites
I don't mean to be rude, what you have should work but its a little slopy. I would recomend this...

[code]<html>
<body>

<table align="center">
<tr>
    <td align="center"><img src="img1.png"></td>
    <td align="center"><img src="img2.png"></td>
    <td align="center"><img src="img3.png"></td>
    <td align="center"><img src="img4.png"></td>
</tr>

<tr>
    <td align="center">Image 1!</td>
    <td align="center">Image 2!</td>
    <td align="center">Image 3!</td>
    <td align="center">Image 4!</td>
</tr>
    <td align="center">
A really cool and totally awsome discription of this picture thats so long it is crazy! This discription was intended for adding a descripton at the bottom of the picture so that we have a really nice example!
    </td>

    <td align="center">
A really cool and totally awsome discription of this picture thats so long it is crazy! This discription was intended for adding a descripton at the bottom of the picture so that we have a really nice example!
    </td>

    <td align="center">
A really cool and totally awsome discription of this picture thats so long it is crazy! This discription was intended for adding a descripton at the bottom of the picture so that we have a really nice example!
    </td>

    <td align="center">
A really cool and totally awsome discription of this picture thats so long it is crazy! This discription was intended for adding a descripton at the bottom of the picture so that we have a really nice example!
    </td>
<tr>

</tr>
</table>

</body>
</html>[/code]

Share this post


Link to post
Share on other sites
Thx for the help AndyB, it did work....

Bob Leny, no offense taken [img src=\"style_emoticons/[#EMO_DIR#]/smile.gif\" style=\"vertical-align:middle\" emoid=\":smile:\" border=\"0\" alt=\"smile.gif\" /] And i appreciate the example on how to do it correctly, i will see if i can use this and make it work with the example you posted.

I thank you both for helping me out.

Btw is there a place that explains php html like you posted above? I have tried to search but havent found very much.

Again thx for your time and help.

Share this post


Link to post
Share on other sites
Yeah, [a href=\"http://www.w3schools.com/\" target=\"_blank\"]http://www.w3schools.com/[/a] They basic to intermediate guides on almost every thing! Just search the left hand column and you will find PHP, HTML, CSS and a whole lot more! They are really good! I learned a lot from them. Though I haven’t checked out their PHP guide yet. I'll do that now.

[a href=\"http://www.w3schools.com/\" target=\"_blank\"]http://www.w3schools.com/[/a]

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.