Xanga Aligned, Bottom of the Page? |
![]() ![]() |
Xanga Aligned, Bottom of the Page? |
Mar 21 2006, 09:43 PM
Post
#1
|
|
![]() Loser ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,101 Joined: Nov 2004 Member No: 67,558 |
I'm just wondering, is it possible to align a DIV xanga to the bottom left of a page? I really haven't seen any layouts like that, and I want to make one aligned there, so yeah.
|
|
|
|
Mar 21 2006, 09:58 PM
Post
#2
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
It shouldn't be that difficult. I think it may be possible, although I haven't seen any like that either.
|
|
|
|
Mar 21 2006, 10:49 PM
Post
#3
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 |
Dude. My last layout was like that. Hold up, let me dig it out...
[ http://www.xanga.com/rhythmsicle ] You can look at the source, just don't steal it. |
|
|
|
Mar 22 2006, 03:08 PM
Post
#4
|
|
![]() Loser ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,101 Joined: Nov 2004 Member No: 67,558 |
It doesn't work 0_0
And I mean kinda like this:
|
|
|
|
Mar 22 2006, 05:03 PM
Post
#5
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
That's the way the layout is positioned that Reili posted. She said you can view her source. Just use some similar coding.
|
|
|
|
Mar 22 2006, 05:52 PM
Post
#6
|
|
![]() Loser ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,101 Joined: Nov 2004 Member No: 67,558 |
Really? It doesn't show up on my computer as that. I tried IE, and it came out differently (Unless these are one of those layouts that only work on firefox or something)
|
|
|
|
Mar 22 2006, 07:13 PM
Post
#7
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 |
Oh. It's Firefox-only for the bottom positioning. I forgot about it because it works in both... It just looks better in Firefox. Still, I'm sure you could figure what I did by looking at my source. It'll just have to be a bit different for you.
|
|
|
|
Mar 23 2006, 01:12 PM
Post
#8
|
|
![]() Loser ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,101 Joined: Nov 2004 Member No: 67,558 |
Oh. Is there a code where it is ONLY used for IE? Because your layout doesn't really work on IE, and I'm guessing it works on firefox (I don't have firefox, so yeah).
If so, would it be okay for you to give me the code on how to align the image to the bottom left? (Wait, it's the <div img whateverblah thing, right?) |
|
|
|
| *digital.fragrance* |
Mar 23 2006, 03:47 PM
Post
#9
|
|
Guest |
If this is giving you so much trouble, I say that in your CLAF page, in the "background" section, you position the image that way by selecting bottom left option.
Then use a div layer to position your blog on the image by editting the margin-left and margin-top attributes. OR.... Use a div layer with margins to position your image like this: CODE <div align=left><div style="position:static; margin-left: ##px; margin-top: ##px;"> <img src="IMAGE URL HERE"> </div> and then use another div layer to position your blog like I said before. *Note: To edit blog position by using a div layer, use an "open div tag" at the end, meaning that at the very end of your header code, putting something like this: CODE <div style="overflow: none; width: ##px; margin-top: ##px; margin-left: ##px; "> at the end without "</div>"Hope that helped... it will work in IE and Firefox. |
|
|
|
Mar 23 2006, 06:31 PM
Post
#10
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 |
The only difference would have been the positioning-type then.
And it will work a million times better if you end the div in Webstats. It makes everything move smoother. CODE <div align="left" style="position:static; margin-left: -8px; margin-bottom: -8px;"><img src="IMAGE URL HERE" alt=""></div> That should approimate the position of your div. So you don't need to mess with numbers as much.
|
|
|
|
![]() ![]() |