Tuesday, May 1, 2012

Re: [web-design] Re: HTML for fan pages on Facebook

 

Thanks, Your shadow! I'll let you know how it goes.

Nicky McCatty
signify | Design
fusing image & information
talk@signifydesign.com | www.signifydesign.com

On Apr 30, 2012, at 9:11 PM, Your Shadow wrote:

>
> If you insert your CSS within the head tags, what you have is ok except for adding the position rule since you are using top/right placement. Either use relative or absolute. Whichever works for you. All the CSS will go between the style tags.
>
> <head>
> <style type="text/css">
> #bigpicture {
> position: relative;
> height: 100px;
> width: 100px;
> overflow: visible;
> top: 180px;
> right: 40px;
> }
> </head>
>
> Then:
>
> <div id="bigpicture"> <img style="width: XXpx; height: YYpx; border: 0;" src="Path to image" alt="Text Description"> </div>
>
> You also could just make the image the background of the div by setting the width/height of div to fit the image size used:
>
>
> <head>
> <style type="text/css">
> #bigpicture {
> position: relative;
> top: 180px;
> right: 40px;
> height: YYYpx;
> width: YYYpx;
> background: url(path to image) no repeat center scroll;
> }
> </head>
>
> Then all you need is:
>
> <div id="bigpicture"></div>
>
> Ron
>
> --- In web-design@yahoogroups.com, "mirate" <talk@...> wrote:
> >
> > I am making some custom fan page for Facebook, and so far I am not getting expected results. I have the impression that the CSS needs to be within the <head> area of the document, is that correct?
> >
> > Does anyone know if there are any differences in how one should write the basic code? For example, should I name the DIVs differently in the code, or open them differently in the body?
> >
> > For example:
> > #bigpicture {
> > height: 100px;
> > width: 100px;
> > overflow: visible;
> > top: 180px;
> > right: 40px;
> > }
> >
> > and then,
> > <div id="bigpicture> image </div>
> >
> > Thanks,
> > Nicky
> >
>
>

[Non-text portions of this message have been removed]

__._,_.___
Recent Activity:
---------------------------------------------------------------
web-design@yahoogroups.com is sponsored, owned, and founded by Technogypsie Designs (formerly Wandering Leaf Designs)
~etching your presence on the web  
leafworks@yahoo.com  

To unsubscribe or change your settings:
Please go to http://www.yahoogroups.com
- login, - choose group to modify, - change to unsubscribe,
web only, digest, or single post mode
By email: send a email from your email address receiving this
post to web-design-unsubscribe@yahoogroups.com
.

__,_._,___

0 comments:

Post a Comment