Sent by David Laakso on 16 February 2010 22:10
[EMAIL-REMOVED] wrote:
> I am having an issue with the divs at the top of my page:
>
> http://www.copywritecolombia.com/index3.html
>
>
>
This will not correct all but you'll be in the ballpark. Note this
markup and related CSS has not been checked other than in Mac FF.
Change the markup to read:
<div id="wrapper">
<div class="block one">
<a href="http://www.copywritecolombia.com/">
<img src="3_files/logo0000.jpg" width="275" height="31" alt="" />
</a>
<p class="tag">tagline tagline tagline tagline tagline</p>
</div>
<div class="block two">
<img src="3_files/freephon.gif" alt="" width="180" height="55" />
</div>
<div class="block three">
<span style="margin-bottom: 5px;"><strong>already got an
account?</strong> <a href="">forgot your password?</a></span>
<span style="padding-top: 5px;">
<label for="name"><span>user:</span></label>
<input id="name" class="forminput" type="text" />
<label for="name"><span>password:</span></label>
<input id="pass" class="forminput" type="text" />
<input value="enviar" class="formsub" type="submit" />
</span>
</div>
<div id="mainnavcontainer">
<ul class="nav">
<li><a href="" title="">link</a></li>
<li><a href="" title="">link</a></li>
<li><a href="" title="">link</a></li>
<li><a href="" title="">link</a></li>
</ul>
</div>
Float the logo and tel image left and float the form right.
CSS:
/*#formsm*/ .block {
float:left;width: 300px;
border: 1px solid blue;
}
..one {
width: 285px;
}
..two {
width: 180px;
}
..three {
float: right;
width: 310px;
}
p.tag {
margin:0;
}
img {
display: block;
}
Best,
~d
PS Please bottom post in reply (write below the peron to whom reply). Thanks!
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
