Home Entrance Everyone Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
April 27, 2024 - @464.53 (what is this?)
Forum activity rating: Four Star Posts: 78/1k.beats Unread Topics | Unread Replies | Own Posts | Own Topics | Random Topic | Recent Posts
News: :dive: Are u having fun?? :dive:

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


Wanna be like :grin: but instead I'm like :sad:

Matrix: Chat!
XMPP: Chat!

View Profile WWW

20% 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 3 times.)

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







ヤーナム
Newbie
*



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

Vaguely similar topics! (3)

Case Study - Design elements and hits, should we care?

Started by MelooonBoard ✁ ∙ Web Crafting

Replies: 3
Views: 1550
Last post April 22, 2022 @82.67
by Icey!
Is there a way to import a <div> element from one .html file into another?

Started by OnioBoard ☔︎ ∙ I need Help!

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

Started by LIABoard ✁ ∙ Web Crafting

Replies: 17
Views: 1301
Last post October 11, 2023 @152.56
by lars

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies Forum Guide | Rules | RSS | WAP2


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