Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
Autumn, 18 Sep 2026 - @390.12
Forum Activity: Four Stars Random | Recent Posts | Guild Recents
News: :skull: Websites are like whispers in the night  :skull: Guild Events: Prepare for Halloween Reminder!

+  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 1372 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 beats » 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 beats 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 beats » 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 beats 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
Editor Recent Edits Tenement Arcade Random Link Land → Forum Art Hub Chat Webring Want to Login or Join ? Web Craft Guide Graphic Catalogue Wiki Newsletters Image Stream
Passport Sites Asatte Add your site?
Zap!
Minecraft: Online
Join: craft.melonking.net