html with text and photos problems [Sitemap] - Digital Grin Photography Forum

Emmanuel Coupe

Mar-15-2007, 10:19 AM

I started building my site a couple of days ago after reading many tutorials here.
But I’m having problems with html pages.
I pasted the following html codes into the edit box but the behavior of the layout is very unstable when I view it on different browsers, I can get to it look decent on Firefox but then it looks extremely wide on IE7 and I fear something is very wrong on how I go about this
The idea is to create boxes were so that I can put text and photos inside for my various pages like, news and events, buying prints, about me ect.
Here are the two the codes I used :
1st:
<html>
<table align="left" width="0" height="0">
<td bgcolor="#2f2f2e" width="0" height="0">
<blockquote>
<div align="left" style="width: 420; height: 683">
<p></p>
<div align="center">
<table align="center" border="1" width="60">
<tbody><tr>
<td align="center" bgcolor="#000000" width="3">
<blockquote>
<div align="center">
<div align="left" style="width: 334; height: 620">
<p align="justify"><font color="#ffffff" size="2"><strong>
March 2007 </strong></font></p>
<p align="justify"><strong><font color="#ffffff" face="Verdana, Arial, Helvetica, sans-serif" size="2">
text text text</font></strong></p>
<p align="justify"><font color="#808080" face="Verdana, Arial, Helvetica, sans-serif" size="2">
text text text.
</font></p>
<p align="justify"><font color="#808080" face="Verdana, Arial, Helvetica, sans-serif" size="2"></font></p>
<p align="center"><font color="#808080" face="Verdana, Arial, Helvetica, sans-serif" size="2"><br>
<br>
<img src=" http://emmanuelcoupe.smugmug.com/photos/136026164-M.jpg "</a>
</font></p>
</html>

and 2nd : <html>
<br>
<span style="float: right;"><img src=" http://emmanuelcoupe.smugmug.com/photos/136199905-L.jpg " class="cadreLigne" style="margin: 10px 0pt 0pt 20px;" title="Exhibition poster" alt="Exhibition poster" width="270"></a></span>

<h2 style="border-top: 1px dotted rgb(80, 80, 80);">

text text
</h2>
<p style="text-align: justify;">
<p> March 2007 <p>
<p>text text text text text text text text <p>
<br>

<h2 style="border-top: 1px dotted rgb(80, 80, 80);">

<br><br><br><br><br><br><br><br><br><br><br><br>

<br>
<span style="float: right;"><img src=" http://emmanuelcoupe.smugmug.com/photos/136063282-M-1.jpg" class="cadreLigne" style="margin: 10px 0pt 0pt 20px;" title="Exhibition poster" alt="Exhibition poster" width="270"></a></span>

<h2 style="border-top: 1px dotted rgb(80, 80, 80);">

text text text text
</h2>
<p style="text-align: justify;">
<p> text text<p>
<p>text text text text text text text text text text .</<p>
<br>

<h2 style="border-top: 1px dotted rgb(80, 80, 80);">
</html>

This is my site www.emmanuelcoupe.smugmug.com (http://www.emmanuelcoupe.smugmug.com/) look into the events link mostly
When I duplicated the code so that I can add more of the same is goes to the right instead of underneath it where i want it to go.
Any suggestions? Any tutorial I should read on this?
Your help is greatly appreciated thank you.
Mano

Andy

Mar-15-2007, 01:00 PM

Any suggestions? Any tutorial I should read on this?
Your help is greatly appreciated thank you.
Mano

Yeah - don't use tables and inline styling - it's so much easier to use CSS. Allen and Mike will guide you, please hang in there.

Allen

Mar-15-2007, 07:48 PM

I started building my site a couple of days ago after reading many tutorials here.
But I’m having problems with html pages.
I pasted the following html codes into the edit box but the behavior of the layout is very unstable when I view it on different browsers, I can get to it look decent on Firefox but then it looks extremely wide on IE7 and I fear something is very wrong on how I go about this
The idea is to create boxes were so that I can put text and photos inside for my various pages like, news and events, buying prints, about me ect.
...

This is my site www.emmanuelcoupe.smugmug.com (http://www.emmanuelcoupe.smugmug.com/) look into the events link mostly
When I duplicated the code so that I can add more of the same is goes to the right instead of underneath it where i want it to go.
Any suggestions? Any tutorial I should read on this?
Your help is greatly appreciated thank you.
Mano
Looks like you got it looking real good. Only thing I can add is maybe move
the justify to the paragraphs. Remove the red and add the green.

<p style="text-align: justify;">
</p>
<p> March 2007 </p>
<p>
</p>
<p style="text-align: justify;"> The National Conservatory ....

Emmanuel Coupe

Mar-15-2007, 08:51 PM

Looks like you got it looking real good. Only thing I can add is maybe move
the justify to the paragraphs. Remove the red and add the green.

<p style="text-align: justify;">
</p>
<p> March 2007 </p>
<p>
</p>
<p style="text-align: justify;"> The National Conservatory ....
I was not certain of how stable the whole thing was, I was worried that on different browsers things would fall apart. I'm glad you okay it, I can feel better now. Many thanks

Allen

Mar-15-2007, 08:54 PM

I was not certain of how stable the whole thing was, I was worried that on different browsers things would fall apart. I'm glad you okay it, I can feel better now. Many thanks
Don't jump to any collusions,:D I only looked in Firefox. I'll check IE and hope
it okay there also.

Go here (http://browsershots.org/) and it'll test your page on different browsers.

Allen

Mar-15-2007, 08:58 PM

IE6 looks okay but your h2 sizes are showing in the text for the 2nd and 3rd
sections. Make sure you close them. </h2> Might have extras in there.

This > is showing so it's might be part of the h2 not being closed. Might be an illegal charater, paste
from notepad and not a word processor.

August 2006

> In 2006 I created

Nope, you have an extra > before the last two.

Emmanuel Coupe

Mar-15-2007, 09:39 PM

IE6 looks okay but your h2 sizes are showing in the text for the 2nd and 3rd
sections. Make sure you close them. </h2> Might have extras in there.

This > is showing so it's might be part of the h2 not being closed. Might be an illegal charater, paste
from notepad and not a word processor.

August 2006

> In 2006 I created

Nope, you have an extra > before the last two.

Thank you for the tips. I didn't know word processors are not good to use.

Allen

Mar-15-2007, 10:05 PM

Thank you for the tips. I didn't know word processors are not good to use.
They have a habit of inserting all kinds of control codes and not pure text
characters and also tabs. Use Word but paste into notepad first then copy
from there.