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 - @289.94
Forum Activity: Three Stars Random | Recent Posts | Guild Recents
News: :sleep: These are fast times on the World Wide Web~ Guild Events: MelonLand's Seasonal RPG Jam
Super News: ~~MelonLand's Halloween Profile Design Contest 2026~~
+  MelonLand Forum
|-+  Da Web Revival
| |-+  ✁ ∙ Web Crafting
| | |-+  ☔︎ ∙ I need Help!
| | | |-+  Help with Aside/Div element


« previous next »
Pages: [1] Print Embed
Author Topic: Help with Aside/Div element  (Read 1380 times)
cyberfun1 (dizz)
Hero Member ⚓︎
*****
View Profile WWWArt


I dont🧠dat evrythngs a lie, as long as u ♡me 4evr
⛺︎ My Room
Matrix: Chat!
XMPP: Chat!

Guild Memberships:
Artifacts:
Wishing you Happy Times when you're online!20% coolerFirst 1000 Members!Joined 2023!
« on: Winter, 17 Feb 2024 @899 » Toggle Font Embed

So im working on a page for my OC and i want to have a stat sheet on the side, but im having trouble doing it because i dont know how to code it in. I want the 2nd header to be on the side, but still over the actual text, and i need the text to wrap around the box and still do that if you change the window size, so if anyone can help me, id really appreciate it, bcuz i dont know how to do elements that are besides one another
https://diffydude.neocities.org/epic/psyke heres the page im working on (BLOOD WARNING!!)


* code.txt (1.99 kB - downloaded 30 times.)

* diagram.png (17.79 kB, 512x512 - viewed 48 times.)
« Last Edit: Winter, 17 Feb 2024 @907 by DiffydaDude » Logged

https://diffydude.neocities.org/blinkies/FRIENDSHIPISMAGIC.png
https://diffydude.neocities.org/blinkies/TAPEHERO.png
https://diffydude.neocities.org/blinkies/EMOTICONUSER.gif
https://diffydude.neocities.org/blinkies/XBOX360.png
https://diffydude.neocities.org/blinkies/FIREFOXUSER.jpg
https://diffydude.neocities.org/blinkies/NYANCAT.gif
https://diffydude.neocities.org/blinkies/BISEXUAL.png

Artifact Swap: I met Dan Q on Melonland!
ヤーナム
Jr. Member
**
View ProfileArt


hanging out on AIM
⛺︎ My Room

Guild Memberships:
Artifacts:
Joined 2023!
« Reply #1 on: Winter, 18 Feb 2024 @110 » Embed

Hi hi. :) There are a few ways to accomplish this. If you want the statblock to be truly in the middle of the paragraph (with some text flowing over it as well as under it) then I think the most straightforward way to do it is to put your intro paragraph above the `aside`, then put the rest below. Applying `float: right` to the `aside` is enough to do what you want after that.

I also cleaned up a few other parts of your code. As you start to make more complex designs it's going to be more and more important that you try to keep your indentation and tag placement consistent. I also recommend you try to put as much of your styling rules in your CSS as you can, so I moved the statblock table's styling over there.

Hope it helps. <3


* psyke.css (2.22 kB - downloaded 24 times.)
* The web site of diffydude.html (5.91 kB - downloaded 24 times.)
« Last Edit: Winter, 18 Feb 2024 @112 by ヤーナム » Logged


Artifact Swap: tarusSail Creature
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