Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
I saw a lot of blog with images on top corners like this
http://www.data.org/
How can I do that? is there a turtorial for this?
Thank You <3 -
Even though I haven't looked at the code, he/she probably uses absolute positioning:
.foo {
position: absolute;
top: 0;
right: 0;
} -
I mean the one.org white banner on the top right, I want to make just an simple image.
Im using wordpress.
Thanks -
-
CommentAuthoradjustafresh
- CommentTimeMay 18th 2006
Put your image in a DIV:
<div class="foo"><img src-"path/to/image" /></div>
Do what Egon told you to do in your style sheet. -
-
-
CommentAuthorDarren Hoyt
- CommentTimeMay 18th 2006
Does it need the div?
Why not:
<img src="foo.gif" class="foo" /> -
-
That'd work too, but yr supposed to have inline elements inside a container of some sort (or at least some validators have whined at me for that before).
you could also be applying such things as background-images.
body {
background-image:url(/images/foo.gif);
background-repeat:no-repeat;
background-position:top right;
} -
Thanks for the help guys
-
-
CommentAuthoradjustafresh
- CommentTimeMay 18th 2006 edited
You could put the background image inside the DIV too:
.foo {
background: url(path/to/image) no-repeat;
width: (width of image in px);
height: (height of image in px);
position: absolute;
top: 0;
right: 0;
}
Then get rid of the image tag in the HTML - just do the DIV. -
-
I threw this page together quickly, I need my body bg for something else, so I used a different method: http://www.creativerefresh.com
*Outdated Link* Sorry migrated the old style into the new (updated on 8/28/06).
1 to 9 of 9