Jump to content


Photo

page centering help


  • Please log in to reply
4 replies to this topic

#1 Dax

Dax
  • New Members
  • Pip
  • Newbie
  • 4 posts

Posted 14 June 2006 - 06:32 AM

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>CHARTER MEMBER<br><br>Awarded to recognize the nine <br>founding members</td><td>
[img]member_ribbon.jpg[img]<br>MEMBER<br><br>Awarded to all new members who join <br>the team</td><td>
[img]purple_ribbon.jpg[img]<br>PURPLE STAR<br><br>Awarded to any member that has had <br>an emotional or physical event happen</td><td>
[img]recognition_ribbon.jpg[img]<br>RECOGNITION<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

#2 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 14 June 2006 - 11:11 AM

Change <table> to <table align='center'> and change <td> to <td align='center'>
Legend has it that reading the manual never killed anyone.
My site

#3 bobleny

bobleny
  • Members
  • PipPipPip
  • Advanced Member
  • 429 posts

Posted 14 June 2006 - 03:22 PM

I don't mean to be rude, what you have should work but its a little slopy. I would recomend this...

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

-- www.firemelt.net --
First do me a favor and read this: JavaScript is NOT Java - Then read this: www.php.net - When your done with that, read this Topic
After that, floors open. I and anyone else will be MORE than happy to answer YOUR query! [Topic Solved]
Cheer up, the worst has yet to come...

#4 Dax

Dax
  • New Members
  • Pip
  • Newbie
  • 4 posts

Posted 14 June 2006 - 08:25 PM

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.



#5 bobleny

bobleny
  • Members
  • PipPipPip
  • Advanced Member
  • 429 posts

Posted 15 June 2006 - 09:30 PM

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]
-- www.firemelt.net --
First do me a favor and read this: JavaScript is NOT Java - Then read this: www.php.net - When your done with that, read this Topic
After that, floors open. I and anyone else will be MORE than happy to answer YOUR query! [Topic Solved]
Cheer up, the worst has yet to come...




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users