Board index PBase HTML and Style Sheets Help with HTML, I'm new and confused!

HTML and Style Sheets

Help with HTML, I'm new and confused!

Customize your galleries.
timbo_bobcat
 
Posts: 22

Help with HTML, I'm new and confused!

Post Sun Aug 23, 2009 10:33 pm


Please help! I'm confused about HTML and CSS and how I can get what I want (and see on other user's pages).

My root page is in development. It has a series of images and some text:

http://www.pbase.com/timbo_bobcat/root

The HTML box is checked.

My problems are as follows:

1. I'd like to put more text in a new paragraph to the right of the images, but when I insert a <br> after the existing text it just moves the new text to the area UNDER the images, where the existing text is. How do I put a series of paragraphs to the right of the images?

2. How can I center the text to the right of the images?

3. Can I change the font etc of just some of the text I put in the Description box? I've put code in the CSS sheet to give the overall look and feel. However I've tried putting e.g. <b> .... </b> around some text in the HTML but when I do it switches to another font/size entirely. Am I stuck with the same font/colour/size for everything I put in in the Description box, based on the CSS?

Many thanks for any help...

My text in the Description box is
<id="UpperPhoto"><img src="http://www.pbase.com/image/116203186/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"><id="LowerPhoto"><img src="http://www.pbase.com/image/115977275/medium.jpg" width="100" height="150" border="1" "alt="Gallery Image"><id="UpperPhoto"><img src="http://www.pbase.com/image/116203076/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"><id="LowerPhoto"><img src="http://www.pbase.com/image/115977346/medium.jpg" width="100" height="150" border="1" "alt="Gallery Image"><id="UpperPhoto"><img src="http://www.pbase.com/image/116376740/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"><id="UpperPhoto"><img src="http://www.pbase.com/image/115979307/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"> Tim Pindar : Photo Galleries<br>
<br>
<br>
Welcome, I hope you like my photos. Click on each thumbnail below to enter the galleries and see the photos. <br>
<br>
Please leave a message in my <a href="http://www.pbase.com/timbo_bobcat/guestbook">Guestbook</a>, or leave a comment using the link below each gallery or photo.<br>
<br>
All photos are protected by copyright laws and are not to be downloaded, reproduced, and/or used in any way, without permission. <br>
Copyright © 2008-2009 Tim Pindar. All rights reserved<br>

jasonmerlo
 
Posts: 6

Re: Help with HTML, I'm new and confused!

Post Mon Aug 31, 2009 5:57 am


1. Set your images and text up as a table, your images will be on the left and text on the right. Google "HTML table" and you should be able to figure it out. <br> is a page break. It will look something like this (this will need to be tweaked.)

<table>
<tr>
<td>
<id="UpperPhoto"><img src="http://www.pbase.com/image/116203186/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"><id="LowerPhoto"><img src="http://www.pbase.com/image/115977275/medium.jpg" width="100" height="150" border="1" "alt="Gallery Image"><id="UpperPhoto"><img src="http://www.pbase.com/image/116203076/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"><id="LowerPhoto"><img src="http://www.pbase.com/image/115977346/medium.jpg" width="100" height="150" border="1" "alt="Gallery Image"><id="UpperPhoto"><img src="http://www.pbase.com/image/116376740/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"><id="UpperPhoto"><img src="http://www.pbase.com/image/115979307/medium.jpg" width="100" height="150" border="1" alt="Gallery Image"> Tim Pindar : Photo Galleries
</td>
<td align=center>
Welcome, I hope you like my photos. Click on each thumbnail below to enter the galleries and see the photos. <br>
<br>
Please leave a message in my <a href="http://www.pbase.com/timbo_bobcat/guestbook">Guestbook</a>, or leave a comment using the link below each gallery or photo.<br>
<br>
All photos are protected by copyright laws and are not to be downloaded, reproduced, and/or used in any way, without permission. <br>
Copyright © 2008-2009 Tim Pindar. All rights reserved
</td>
</tr>
</table>

2. when you type the code for the table you can specify the alignment in the <td> tag. ex. <td align=center>

3. create a h3 or h4 or h5 class in your style sheet and specify what font, color, size, etc, then in your description code it like this: <h3>text goes here</h3>


Board index PBase HTML and Style Sheets Help with HTML, I'm new and confused!

Who is online

Users browsing this forum: No registered users and 2 guests

cron