[css-d] Problem floating an image to right
I'm having a problem floating an image to the right of content. It works when I load it onto a dreamweaver template. But when I insert it into my page, it appears to be correct in dreamweaver, but when I preview or load it up to the server, it's positioned on the left, separating the content. It's driving me nuts as I'm sure it's some silly error in my code. Any help would be great. Thanks christopher URL: http://www.inno-vision.ca/ivd/services.html __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Problem floating an image to right
Chris wrote: > I'm having a problem floating an image to the right of content. > > > christopher > > URL: > > http://www.inno-vision.ca/ivd/services.html > I think you have an invalid markup construct thingy. Validate the markup. Best, ~d PS You can't trust the Dreamweaver viewer -- or any editor's viewer. View the page locally in a browser. Ask how to set this up on the DW forum. -- http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Problem floating an image to right
On Wed, Jul 28, 2010 at 11:59 AM, Chris wrote: > But when I insert it into my page, it appears to be correct in > dreamweaver, but when I preview or load it up to the server, it's > positioned on the left, separating the content. > It's driving me nuts as I'm sure it's some silly error in my code. Dreamweaver is not a browser and should never be used to judge how a web page will look in an actual browser. -- Ed Seedhouse __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Problem floating an image to right
On 28.7.2010 21:59, Chris wrote:
> I'm having a problem floating an image to the right of content.
> It works when I load it onto a dreamweaver template.
> But when I insert it into my page, it appears to be correct in
> dreamweaver, but when I preview or load it up to the server, it's
> positioned on the left, separating the content.
> It's driving me nuts as I'm sure it's some silly error in my code.
> Any help would be great.
> Thanks
>
> christopher
>
> URL:
>
> http://www.inno-vision.ca/ivd/services.html
>
You are missing } from:
.footertxt #footer p {
margin: 0; /* zeroing the margins of the first element in the
footer will avoid the possibility of margin collapse - a space
between divs */
padding: 0em;
You should use validator when you have problems like this.
Ville
__
css-discuss [cs...@lists.css-discuss.org]
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/
Re: [css-d] Problem floating an image to right
I always do a preview in both safari & Firefox to check my changes. (Using a Mac) Then I load it up to my server and also check it on a pc to check different browsers. I also have validated and it seems to be okay. Thanks chris On 28-Jul-10, at 12:12 PM, Ed Seedhouse wrote: > On Wed, Jul 28, 2010 at 11:59 AM, Chris wrote: >> But when I insert it into my page, it appears to be correct in >> dreamweaver, but when I preview or load it up to the server, it's >> positioned on the left, separating the content. >> It's driving me nuts as I'm sure it's some silly error in my code. > > Dreamweaver is not a browser and should never be used to > judge how a web page will look in an actual browser. > > -- > Ed Seedhouse __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Problem floating an image to right
Put this code in your CSS file:
.h img {
display: inline;
float: right;
margin: 0 1em 1em 1em;
padding: 10px 10px 70px 10px;
background: orange;
}
This should sort itself out.
--- On Wed, 28/7/10, Chris wrote:
> From: Chris
> Subject: [css-d] Problem floating an image to right
> To: "css-d"
> Cc: "Chris"
> Date: Wednesday, 28 July, 2010, 19:59
> I'm having a problem floating an
> image to the right of content.
> It works when I load it onto a dreamweaver template.
> But when I insert it into my page, it appears to be correct
> in
> dreamweaver, but when I preview or load it up to the
> server, it's
> positioned on the left, separating the content.
> It's driving me nuts as I'm sure it's some silly error in
> my code.
> Any help would be great.
> Thanks
>
> christopher
>
> URL:
>
> http://www.inno-vision.ca/ivd/services.html
> __
> css-discuss [cs...@lists.css-discuss.org]
> 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/
>
__
css-discuss [cs...@lists.css-discuss.org]
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/
Re: [css-d] Problem floating an image to right
Thanks Ville,
I knew it was something simple.
Somehow I missed that when I validated
Cheers
Chris
On 28-Jul-10, at 12:20 PM, Ville Viklund wrote:
> On 28.7.2010 21:59, Chris wrote:
>> I'm having a problem floating an image to the right of content.
>> It works when I load it onto a dreamweaver template.
>> But when I insert it into my page, it appears to be correct in
>> dreamweaver, but when I preview or load it up to the server, it's
>> positioned on the left, separating the content.
>> It's driving me nuts as I'm sure it's some silly error in my code.
>> Any help would be great.
>> Thanks
>>
>> christopher
>>
>> URL:
>>
>> http://www.inno-vision.ca/ivd/services.html
>>
> You are missing } from:
> .footertxt #footer p {
> margin: 0; /* zeroing the margins of the first element in the
> footer will avoid the possibility of margin collapse - a space
> between divs */
> padding: 0em;
>
> You should use validator when you have problems like this.
>
> Ville
>
> __
> css-discuss [cs...@lists.css-discuss.org]
> 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/
__
css-discuss [cs...@lists.css-discuss.org]
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/
