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
>
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