Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Strange text difficulty

Status
Not open for further replies.

ValleyWeb

Technical User
Feb 17, 2008
7
US
Hi Everyone,

I have encountered something strange that I have not a clue on how to fix and it is driving me buggy.....

I have a page that has a few pics at the bottom, and the pics have a caption of sorts, just a short line of text.

On three of the four pics, everything is fine. On the last pic though the text renders as size=1 it looks like to me.

Can anyone spot the problem? Anu help is greatly appreciated and if any more info is needed, just post....

Thanks!
Jim

Code:
<div class="Divide_Vert">
<div class="contentcenter">
<div class="text_pic">
<img src="images/education.jpg" width="375" height="250" alt="" border="0">
<br /><i>From the Education Gallery</i>
</div>
</div>
<div class="contentright">
<div class="text_pic">
<img src="images/bus & indust.jpg" width="375" height="250" alt="" border="0"><br />
<br /><i>From the Business and Industry Gallery</i></div>
</div>
<div class="contentcenter">
<div class="text_pic">
<p><i>Reenactment of The Battle of Waynesboro</i></p><br />
<img src="images/07reinactment 1.jpg" width="375" height="250" alt="" border="0">
</div></div>

<div class="contentright">
<div class="text_pic">
<p><i>The Plumb House summer kitchen</i></p><br />
<img src="images/PHM-Kitchen.JPG" width="375" height="250" alt="" border="0">
</div>
</div>

And the CSS....
Code:
.text_pic {
        font-size: 16px;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
}

.contentcenter {
	width:375px;
	min-height: 200px;
	padding:5px;
	float:left;
	background:#fff;
        font-family: Times, 'Times New Roman', serif;
        vertical-align: top;
        font-size: 16px;
}			
	
.contentright {
	width:375px;
	min-height: 200px;
	padding: 5px;
	float:right;
	background:#fff;
        font-family: Times, 'Times New Roman', serif;
        vertical-align: top;
        font-size: 16px;
}
 
Your open and closing tags are mismatched, in that you're missing 1 closing DIV tag. Not sure if that would affect the font, though...

So, make sure all of your HTML and CSS validates.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top