Entrance Events! Chat Gallery Search Everyone Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
May 01, 2025 - @793.70 (what is this?)
Activity rating: Four Stars Posts & Arts: 78/1k.beats Unread Topics | Unread Replies | My Stuff | Random Topic | Recent Posts Start New Topic  Submit Art
News: ozwomp is requesting your location  :ozwomp: [Agree] Super News: Upload a banner!

+  MelonLand Forum
|-+  World Wild Web
| |-+  ✁ ∙ Web Crafting
| | |-+  ☔︎ ∙ I need Help!
| | | |-+  Help with Aside/Div element


« previous next »
Pages: [1] Print
Author Topic: Help with Aside/Div element  (Read 796 times)
DiffydaDude
Sr. Member ⚓︎
****


Nyan!

⛺︎ My Room
Matrix: Chat!
XMPP: Chat!

View Profile WWWArt

Wishing you Happy Times when you're online!Bred :320% coolerFirst 1000 Members!Joined 2023!
« on: February 17, 2024 @898.85 »

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 9 times.)

* diagram.png (17.79 kB, 512x512 - viewed 24 times.)
« Last Edit: February 17, 2024 @906.68 by DiffydaDude » Logged







ヤーナム
Newbie
*


call me yharnam

⛺︎ My Room

View Profile

Joined 2023!
« Reply #1 on: February 18, 2024 @109.50 »

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 9 times.)
* The web site of diffydude.html (5.91 kB - downloaded 10 times.)
« Last Edit: February 18, 2024 @111.61 by ヤーナム » Logged
Pages: [1] Print 
« previous next »
 

Vaguely similar topics! (3)

Is there a way to import a <div> element from one .html file into another?

Started by OnioBoard ☔︎ ∙ I need Help!

Replies: 4
Views: 1255
Last post January 14, 2023 @722.29
by worldwidewar
What helped you code html/css easy?

Started by AJBoard ✁ ∙ Web Crafting

Replies: 17
Views: 2722
Last post October 11, 2023 @152.56
by flowers
Melons critiquing and helping each other

Started by urgellxBoard ✎ ∙ Art Crafting

Replies: 22
Views: 2635
Last post August 24, 2024 @487.13
by e-

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | ~ Send Feedback ~ 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