Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
a Summer day - @580.09 (what is this?)
Activity rating: Two Stars Posts & Arts: 18/1k.beats ~ Boop! The forum will close in 420.beats! Random | Recent Posts | Guild Recents
News: :happy: Open the all windows! Your mind needs storms and air! :happy: Guild Events: Summer Projects

+  MelonLand Forum
|-+  Life & The Web
| |-+  ✁ ∙ Web Crafting
| | |-+  ☕︎ ∙ Everyone Site (eSite)
| | | |-+  I made a sea


« previous next »
Pages: [1] Print Embed
Author Topic: I made a sea  (Read 125 times)
Noah_S
Full Member ⚓︎
***
View Profile WWWArt


Noah. Earth. I make website. I.. I.. Noah. Earth.
⛺︎ My Room
iMood: Noah_S
RSS: RSS

Guild Memberships:
Artifacts:
I got robbed by Dan Q on Melonland!I met Dan Q on Melonland!A coin!EnbyAceArtist's Palette
« on: a Spring day » Embed

Underwater

It's like the garden, but underwater. The code is a bit wonky, but there are fish. And they move. Feel free to play with it and/or improve on my attempt at giving it a seabottom. :goL:
Logged

perfectionist_better.gifweb_designer.gifspeed_of_time.gifbutton290.pngmy_dream_wedding.gifClippy beats AI

Artifact Swap: Large watercraftGrowing ballStupid wall, MOVE!FlappyLucky!IM GONNA BREAK PANGEA!Merry ChristmasMessage BuddyMelon bite
Dan Q
Hero Member ⚓︎
*****
View Profile WWWArt


I have no idea what I am doing
⛺︎ My Room
RSS: RSS

Guild Memberships:
Artifacts:
Dan Q Cruisin'I DIDN'T meet Dan Q on Melonland!
« Reply #1 on: a Spring day » Embed

The CSS you're looking for is:

Code
background-size: cover;

That means "make the background image so large that it completely covers the window, even if that means losing a bit of the background off the sides or bottom" (i.e. the same width as the window and at least as tall, OR the same height as the window and at least as wide).

Alternatively, you might want:


Code
background-size: contain;

That means "make the background as tall or as wide as the container, so the whole image can still be seen, even if that means the image has to repeat or have un-covered bars at the sides".

background-repeat: repeat-xy; isn't a thing, by the way. "repeat" means "repeat in both directions", "repeat-x" and "repeat-y" limit repeating to one direction or another, and "no-repeat" prevents repetition.

Hope that helps!
Logged

https://danq.me/_q26t/badges/dan-q-88x31-lighter.gif https://danq.me/_q26t/badges/dan-q-88x31-peekaboo-scroller.gif https://beige-buttons.danq.dev/beige-buttons-88x31.gif https://embed-html.danq.dev/embed-html-88x31.gif

Artifact Swap: I met Dan Q on Melonland!Polyamorousradio polyDoctor RedactedJoined 2025!
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
MelonLand @000

Minecraft: Online
Who: VoxGratus, Hessenkind