This zone is sleeping right now! ZzzZZzzz

Better not disturb it! ~You go to the petrol station and buy a slushy instead, everything is cool!~

This area will open again in 000.beats!

(Learn about Swatch Time)

Some other zones are awake :^]


Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
Autumn, 28 Sep 2026 - @366.09
Forum Activity: Three Stars Random | Recent Posts | Guild Recents
News: :skull: Websites are like whispers in the night  :skull: Guild Events: 14: animals
Super News: ~~MelonLand's Halloween Profile Design Contest 2026~~
+  MelonLand Forum
|-+  Da Web Revival
| |-+  ✁ ∙ Web Crafting
| | |-+  ☔︎ ∙ I need Help!
| | | |-+  sphinx's ongoing n00b questions (currently: overlapping graphics)


« previous next »
Pages: [1] Print Embed
Author Topic: sphinx's ongoing n00b questions (currently: overlapping graphics)  (Read 370 times)
sphinx
Jr. Member
**
View ProfileArt


da doy dought da dasketdall
⛺︎ My Room
SpaceHey: Friend Me!

Guild Memberships:
Artifacts:
Void chickenCommon SlorgHamtaroJoined 2026!
« on: Summer, 20 Aug 2026 @644 » Embed

I used to tinker with myspace, livejournal, and neopets & gaiaonline pages but I've pretty much forgotten everything I learned from back then. I'm starting a simple page for my vintage pony collection as a springboard for re-learning stuff. Here's what I have so far:

https://stellaluna.neocities.org/home

It goes without saying that a lot of what I have so far is a simple base that I modified the heck out of. Right now the thing that's stumping me is I want to have Autumn Skye there in the far right to mostly overlap the image at the top but I don't know how to do that yet. My impulse is to go in and combine the graphics in photoshop as a single .png with transparent bits, but I know I'm not learning anything if I do that. So any help is appreciated.

I'd also like to have every page's heading ("Stellaluna's Pony Page", for example) to overlap the image at the top but one thing at a time.

I will surely have more questions later but this is the focus right now.

« Last Edit: Summer, 20 Aug 2026 @648 by sphinx » Logged

i'm your only friend, not your only friend
but i'm a little glowing friend
but really i'm not actually your friend
https://stellaluna.neocities.org/brakad.png

Artifact Swap: FloewrParty duckshoeSMK LuigiTurtle Companion +5 Dmg +10 DefenseLisasimpsonDinonaurVisited on Melon's 10th Anniversary!
Melooon
Hero Member ⚓︎
*****
View Profile WWWArt


So many stars!
⛺︎ My Room
SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games
RSS: RSS

Guild Memberships:
Artifacts:
You're a Star!Flinstone VitaminWavy Shoulder-Length Hair with BangsBug!Top HatI got robbed by Dan Q on Melonland!
« Reply #1 on: Summer, 20 Aug 2026 @652 » Toggle Font Embed

So the way you'd do this in classic CSS is to put both the header image and your pony image in a DIV, set the div as position "relative", then set the pony as position "absolute". Absolute position will always be absolute relative to the nearest parent "relative" position element.

With inline CSS, it would look like this for you! (see the attached screenshot too)
Code
<div style="position: relative;">
<img src="g3_background.png" style="width: 100%;">
<img src="autumn_skye.png" style="position: absolute;bottom: -50px;right: 20px;"></div>
Then you can just tweak the bottom and right values of your pony to get it where you want it; its position should scale with your page too depending on how you code the header width in.




* Screenshot 2026-08-20 at 15.37.53.jpg (190.15 kB, 1500x586 - viewed 22 times.)
Logged


everything lost will be recovered, when you drift into the arms of the undiscovered

Artifact Swap: black n cyan yappin kittayHave a chillpillThe Wizards OrbRed Tulip100 coins<3eyntivemds pet fishcurious fish
sphinx
Jr. Member
**
View ProfileArt


da doy dought da dasketdall
⛺︎ My Room
SpaceHey: Friend Me!

Guild Memberships:
Artifacts:
Void chickenCommon SlorgHamtaroJoined 2026!
« Reply #2 on: Summer, 30 Aug 2026 @013 » Embed

Hi, I just came here to say thanks very much for your suggestion. I had to go somewhere shortly after posting this so I wasn't able to try it out and still haven't. I'm so afraid of breaking the whole thing. I just got home from work so I will play around with it ore when I'm not so exhausted.

Logged

i'm your only friend, not your only friend
but i'm a little glowing friend
but really i'm not actually your friend
https://stellaluna.neocities.org/brakad.png

Artifact Swap: FloewrParty duckshoeSMK LuigiTurtle Companion +5 Dmg +10 DefenseLisasimpsonDinonaurVisited on Melon's 10th Anniversary!
Pages: [1] Print Embed 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | Send Feedback | Supporters ♥ Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi
@000 Melon
Land
Forum Art Hub Chat Webring Enter Random Recent Tenement Arcade Want to Login or Join ? Web Craft Guide Graphic Catalogue Wiki Help I'm Lost! Link Land Newsletters Image Stream Minecraft: Online
Zap!
Passport Sites tamaNOTchi Asatte Add your site?
Aero Archive Onio Cafe 32 Bit Cafe Status Cafe