Jump to content

page centering help


Dax

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
Link to comment
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]
Link to comment
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.

Link to comment
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]
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.