http://www.walkfar.ca/test/productionsite7.html
updated

Holly Bergevin wrote:
> From: Christopher <[EMAIL PROTECTED]>
>
>   
>> The gap is still there.
>> http://www.walkfar.ca/test/productionsite7.html
>>     
>
> Replace your CSS for that page with the following - you don't need the HTML 
> comment in your embedded style sheet.
>
> body {
>       margin: 0px;
>       padding: 0px;
>       background: #006 url(backdrop.jpg) left bottom repeat-x;
>       font-size: 100%;
> }
>
> #toplogo {
>       height: 100px;
>       background-image: url(header.png); /* this graphic does not appear to 
> exist */
>       background-repeat: no-repeat;
> }
>
> #topbar { 
>       background-color: #000099;
>       padding: 152px;
> }
>
> #aboutme { 
>       background-color: #0099FF;
>       width: 250px;
>       height: 325px;
>       padding: 0 50px 0 60px;
>       margin-left: 50px;
>       margin-top: 70px;
> }
>
> .aboutmeheader {
>       font-family: Arial, Helvetica, sans-serif;
>       font-size: 18px;
>       color: #000099;
>       font-weight: bold;
>       width: 200px;
>       height: 45px;
>       line-height: 110px;
>       margin: 0 -12px -12px -34px;
> }
>
> .aboutmepara { /*In this area is the paragraph where I will have a summery 
> about myself */
>       left: 72px;
>       width: 319px;
>         padding: 15px 0 60px 42px;
>       top: 538px;
>       height: 236px;
>       color: #000033;
>       position: absolute;
>       text-align: left;
>       font-size: 16px;
>       font-weight: normal;
>       font-family: Georgia, "Times New Roman", Times, serif;
>       line-height: 16px;
>       margin: 0 -3px -12px -35px;
> }
>
> .csboldtext {
>       font-weight: bold;
> }
>
> #flashbox {
>       height: 410px;
>       width: 430px;
>       margin-left: 500px;
>       margin-top: -325px;
>       background-color: #0033CC;
>       z-index: 3;
>       position: relative;
> }
>
> #flashbarelements {
>       height: 120px;
>       margin-top: -50px;
>       padding-top: -12px;
>       z-index: 2;
>       position: absolute;
>       top: 4px;
> }
>
> .one {
>       color: #0000FF;
> }
>
> .cstext {
>       color: #FFFFFF;
> }
>
> #flashbarelementstwo {
>       background-color: #00FFFF;
>       height: 30px;
>       margin-top: -28px;
>       width: 430px;
>       margin-right: 0px;
>       margin-left: 500px;
>       position: absolute;
>       left: 0px;
>       top: 881px;
> }
>
> p.one:first-letter {
>       color:#FFFFFF;
>       font-size:50px;
>       float: left;
> }
>
> p.two:first-letter {
> color:#FFFFFF;
> font-size:50px;
> float:left;
> }
>
> .cstext {
>       color: #02023C;
> }
>
>
> For the elements you have /On That Page Right Now/ the above CSS should take 
> care of the gap, and not disrupt much of anything else. Tested in some 
> Firefox version, but not FF3.
>
> ~holly
>
> please bottom post.  
>  
>                    
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> 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/
>
>   

-- 

*Christopher* - the creative sheep

*animator*///motion graphics artist/\\*web dev*

web: www.walkfar.ca <mailto:[EMAIL PROTECTED]> email: 
[EMAIL PROTECTED] <http://www.walkfar.ca/>

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to