Menu
Hello,
It’s my first question here, it is really a good opportunity to be here, I am new to this web developement thing and sure I have too many problems , the firts 2 are:
I am trying to clone this website : [url]http://www.longtailpro.com/
1- the gap between div’s , I have 2 div’s and has a white space between them
2- also I do not able to center the iframe in the middle .
and here is the code I use to do that :
[code=html]
<html>
<head>
<title>Long Tail Pro. Site</title>
<style type=”text/css”>
body {
margin:0;
padding:0;
}
#section1{
width=100%
height:100px;
background-color:#1B72A8;
}
#section2{
width:100%;
height:600px;
background-color:#1B72A8;
}
#section3{
color:#FFFFFF;
font-size:200%;
text-align:center;
}
#section4{
COLOR:#FFFFFF;
font-size:250%;
text-align:center;
}
#section5{
color:#FFFFFF;
font-size:200%;
text-align:center;
}
#section6{
width:500px;
height:500px;
}
</style>
</head>
<body>
<div id=”section1″>
<img src=”images/capture.png”>
<div style=”float:right;margin:0;height:100%”> <img src=”images/pricing.png”></div>
</div>
<div id=”section2″>
<p id=”section3″>Since 2011,Long Tail Pro has been Battle-tested by </p>
<p id=”section4″> 70,000+ Marketers & SEOs </p>
<p id=”section5″> As the #1 Keyword Research and Competitor Analysis Software… </p>
<div id=”section6″>
<iframe align=”cneter” src=”https://www.youtube.com/watch?v=I2xPvDfEq34″> </iframe>
</div>
</div>
</body>
</html>
Note: The two images capture.png is the logo for the site and pricing.png is the pricing image on the right.
Regards