Jump to content

Title DIV is Not Aligning to ThumbNail Pic

IndianaJones

By IndianaJones,
in HTML/XHTML

 Share

Recommended Posts

IndianaJones Newbie

IndianaJones

Posted
Posted

Can you please Help Me to Fix this Issue? Please Help.

image.png.e7d70aa98dfcec0f4974e3b2ade1dc36.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML HTML 5 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" />

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW" />

<title>Testing</title>
<style type="text/css">
    
body {
                margin-top: 0px;
                margin-bottom: 0px;
                background-color: #CCFFCC;
}

#MainContainer01 {
                width: 620px;
                margin: 0 auto;                

}
.Header {
                font-family: Arial, Helvetica, sans-serif;
                color: #FFFFFF;
                text-align: center;
                font-size: 25pt;
                background-color: #000080;
                line-height: 75px;
                height: 75px;
}

.HREFNoBorder {
                border-width: 0px;
}
.FL {
                width: 310px;
                height:381px;            
                text-align: center;
                padding-bottom: 30px;
                background-color:fuchsia;
                float: right;
}
.gap {
                line-height: 35px;
                height:35px;
                /*clear: both;*/
                
}
.TitleSegment {
                line-height: 30px;
                font-family: Arial;
                font-size: 12pt;
                background-color: #CCFFFF;
                text-align: right;
                width: 301px;                
        
}
</style>
</head>

<body>
    <div id="MainContainer01">
         <div class="Header"></div>
         <div class="gap"></div>                  
         <div class="FL">
                        <div class="TitleSegment">Title Segment</div><a target="_blank" href="#">
                        <img alt="#" longdesc="#" src="https://post.healthline.com/wp-content/uploads/2020/09/blue-lotus-flower-732x549-thumbnail.jpg" width="301" height="381" class="HREFNoBorder" /></a></div>
         <div class="FL">
                        <div class="TitleSegment">Title Segment</div><a target="_blank" href="#">
                        <img alt="#" longdesc="#" src="https://th.bing.com/th/id/OIP.caLpUQWyd1PZV5SRvDOZFQHaE8?w=270&h=180&c=7&o=5&pid=1.7" width="301" height="381" class="HREFNoBorder" /></a></div>                                                                                    
   </div>
</body>
</html>

 

Link to comment
Share on other sites
  • 3 weeks later...
IndianaJones Newbie

IndianaJones

Posted
  • Author
Posted
On 3/8/2021 at 12:39 AM, dsonesuk said:

That IS NOT! HTML5. Its simplified to just

<!DOCTYPE html> but! It has differently defined charset meta tags.

Unfortunately I didn't Understand. Can you please Explain Me again in a Different and More Easier way?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...