Shop Mobile More Submit  Join Login
CSS: Absolute Positioning by kuschelirmel-stock CSS: Absolute Positioning by kuschelirmel-stock
I know I've been promising a follow up on
Journal CSS Part 1 and
Journal CSS Part 2
for like ever ^^;

I'm sorry you had to wait, but here it is... at least a first step ;)

For more CSS resources, check the artist's comments under the two first tutorials.

If you need some CSS code to play with, feel free to raid my gallery :aww:
Add a Comment:
 
:iconlayton224:
Layton224 Featured By Owner May 14, 2013  Hobbyist Traditional Artist
thank you... this should help out greatly
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner May 15, 2013  Hobbyist Digital Artist
it may just be a little out of date by now ^^;
Reply
:iconlayton224:
Layton224 Featured By Owner May 15, 2013  Hobbyist Traditional Artist
Trying teach myself... Just started trying to rework my portfolio and it seem this is a very usefull skill, could you point me in the right direction...
Reply
:iconmyah5000:
myah5000 Featured By Owner Mar 25, 2009  Hobbyist Writer
Thanks! This is going to help a lot with the journal I'm designing now!
Reply
:icondeadlymetal:
deadlyMETAL Featured By Owner Jan 5, 2009  Hobbyist General Artist
Thank you!! Taught me a good lot of CSS good! :D
Reply
:iconninina-nini:
Ninina-nini Featured By Owner Dec 13, 2008
:clap:
Reply
:iconflutist:
flutist Featured By Owner Oct 7, 2008  Professional General Artist
thanks for the explanation
Reply
:iconhelen-baq:
Helen-Baq Featured By Owner Feb 18, 2008  Student Artisan Crafter
Hurry up with part 3!!! :shakefist:


I find these very helpful. :hug:
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Feb 19, 2008  Hobbyist Digital Artist
this kinda is part 3 ;P

is there anything else I should mayhaps do a css tut about?
Reply
:iconhelen-baq:
Helen-Baq Featured By Owner Feb 27, 2008  Student Artisan Crafter
I could use a tutorial on how to make a journal with a scrollbar, rather than one that gets longer and longer, while keeping everything else how it should be, like replaced journal icon and such... :paranoid:

I find your tutorials very useful and easy to understand. :hug:
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Feb 27, 2008  Hobbyist Digital Artist
:nod: I'll try to remember this for the next tut!
Reply
:iconhelen-baq:
Helen-Baq Featured By Owner Feb 27, 2008  Student Artisan Crafter
:excited:
Reply
:iconelitha:
Elitha Featured By Owner Oct 20, 2007
I have the exact same problem as :iconrib-bit: I'm trying to use position absolute, and it's turning out very weird. The side menu covers up a part of the header, footer, and the journal and I really don't know how to fix it:cries:
Any tips?
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Oct 21, 2007  Hobbyist Digital Artist
you have to push it downwards with the top:??px attribute - then you need to give the journaltext a padding on the left (or right - wherever you positioned your div) that will push the text from the journal out from under the div.
as for the length: if the stuff inside the absolute div gets too long it will always flow over the footer - you need to either make whatever is inside shorter or the journal itself longer so it will stretch more. A trick to get "at least a ??px long journal" so the navi will fit can be achieved in firefox only: give the .journaltext the attribute min-height:??px;
I hope this helps
Reply
:iconelitha:
Elitha Featured By Owner Oct 21, 2007
Thanks so much! I actually figured it out already -- I just gave the text a bigger padding on the right and it worked like a charm!
Many thanks for your beyond awesome tutorials (I'd still have no idea what a div is if it wasn't for you!:glomp:)
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Oct 22, 2007  Hobbyist Digital Artist
:hug: you're most welcome - glad it does help :aww:
Reply
:iconelitha:
Elitha Featured By Owner Oct 20, 2007
Never mind:) I figured it out!:dance: Thanks so much for your beyond awesome tutorials!:glomp:
Reply
:iconrib-bit:
riB-Bit Featured By Owner Apr 22, 2007
hi!
how can i make that the text doesnt go behind the ".navi" ?
so that it can be read?
Reply
:iconrandthuntley:
randthuntley Featured By Owner Mar 26, 2007  Hobbyist Digital Artist
Thank you so much:hug:
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Mar 26, 2007  Hobbyist Digital Artist
you're welcome! :hug:
Reply
:iconwhosthatrandom:
Whosthatrandom Featured By Owner Mar 10, 2007
Why not make a tut explaining how to center something using absolute positioning?

i.e.

left: 50%;
margin-left: -[half of width of object]px;
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Mar 11, 2007  Hobbyist Digital Artist
why don't you make one ;)
Reply
:icongreymoccasin:
GreyMoccasin Featured By Owner Mar 6, 2007
Bless you... Appreciate this immensely.
:rose:
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Mar 7, 2007  Hobbyist Digital Artist
:hug: you're welcome!
Reply
:iconhelenparkinson:
HelenParkinson Featured By Owner Mar 6, 2007
Very helpful thank you very much. Saving this and +faving for quick reference as well. :)
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Mar 7, 2007  Hobbyist Digital Artist
:hug:
Reply
:iconstock-devil-breath:
stock-devil-breath Featured By Owner Mar 6, 2007
very nicely written! a great guide!
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Mar 6, 2007  Hobbyist Digital Artist
:hug:
Reply
:iconstock-devil-breath:
stock-devil-breath Featured By Owner Mar 6, 2007
i saved it to my desktop to play with
Reply
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Mar 7, 2007  Hobbyist Digital Artist
:w00t:
Reply
Add a Comment:
 
×




Details

Submitted on
March 6, 2007
Image Size
534 KB
Resolution
830×2263
Link
Thumb
Embed

Stats

Views
9,453
Favourites
165 (who?)
Comments
30
×