Home Events! Entrance Everyone Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
November 24, 2024 - @219.53 (what is this?)
Forum activity rating: Three Stars Posts: 45/1k.beats ~ Boop! The forum will close in 781.beats! Unread Topics | Unread Replies | My Stuff | Random Topic | Recent Posts    Start New Topic
News: :4u: :transport: More is More :transport: :4u:

+  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 687 times)
DiffydaDude
Sr. Member ⚓︎
****


Nyah nyah!

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

View Profile WWW

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
*


⛺︎ 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)

HELP: adjusting site elements for different resolutions

Started by andouBoard ☔︎ ∙ I need Help!

Replies: 4
Views: 605
Last post August 15, 2023 @761.55
by starbreaker
HELP: Elements disappearing when they are too long for the screen?

Started by wangobangyBoard ☔︎ ∙ I need Help!

Replies: 6
Views: 676
Last post June 06, 2023 @841.30
by wangobangy
Case Study - Design elements and hits, should we care?

Started by MelooonBoard ✁ ∙ Web Crafting

Replies: 3
Views: 1951
Last post April 22, 2022 @82.67
by Icey!

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies 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