What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

Help Text next to image divs?

dazzling

𝓭𝓻𝓮𝓪𝓶 𝓭𝓻𝓮𝓪𝓶
Hey! I'm looking to add a block of text to the right of these images divs, but nothing I've tried seems to work. Any help would be appreciated!
Code:
[div=height:100px;width:100px;background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQbGokSb-uKgx815xoUQrg4U10yaxBPuzOxabWHHlmnYcOc3LRN');background-size:180%;background-position:50% 50%;border-radius:50%;border:0px solid transparent;][/div]
[div=height:100px;width:100px;background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQbGokSb-uKgx815xoUQrg4U10yaxBPuzOxabWHHlmnYcOc3LRN');background-size:180%;background-position:50% 50%;border-radius:50%;border:0px solid transparent;][/div]
[div=height:100px;width:100px;background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQbGokSb-uKgx815xoUQrg4U10yaxBPuzOxabWHHlmnYcOc3LRN');background-size:180%;background-position:50% 50%;border-radius:50%;border:0px solid transparent;][/div]


 

Idea

The Pun Tyrant The Gif Hydra
Helper
Do you want a single block of text next to all of the images, or several blocks (one bit of text per image)?
 

Idea

The Pun Tyrant The Gif Hydra
Helper






tex text tex



Code:
[class=pic]
height:100px;
width:100px;
background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQbGokSb-uKgx815xoUQrg4U10yaxBPuzOxabWHHlmnYcOc3LRN');
background-size:180%;
background-position:50% 50%;
border-radius:50%;
border:0px solid transparent;
[/class]
[class=piccontainer]
width:15%;
display:inline-block;
[/class]
[class=text]
width:80%;
display:inline-block;
border:3px solid black;
position:relative;
top:-200px;
padding:0.5%;
[/class]

[div class=piccontainer][div class=pic] [/div]
[div class=pic] [/div]
[div class=pic] [/div][/div][div class=text]tex text tex[/div]

Alternatively:



your text here

Code:
[row][column=span1][div=height:100px;width:100px;background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQbGokSb-uKgx815xoUQrg4U10yaxBPuzOxabWHHlmnYcOc3LRN');background-size:180%;background-position:50% 50%;border-radius:50%;border:0px solid transparent;][/div]
[div=height:100px;width:100px;background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQbGokSb-uKgx815xoUQrg4U10yaxBPuzOxabWHHlmnYcOc3LRN');background-size:180%;background-position:50% 50%;border-radius:50%;border:0px solid transparent;][/div]
[div=height:100px;width:100px;background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQbGokSb-uKgx815xoUQrg4U10yaxBPuzOxabWHHlmnYcOc3LRN');background-size:180%;background-position:50% 50%;border-radius:50%;border:0px solid transparent;][/div][/column][column=span7]your text here[/column][/row]
PS: I altered your div into div classes to simplify it, but you don't have to do that
 

dazzling

𝓭𝓻𝓮𝓪𝓶 𝓭𝓻𝓮𝓪𝓶
Ah, thank you so much! I really appreciate this <3
I'm just clueless with coding in general, using classes crossed my mind but they're scary lol
 

Idea

The Pun Tyrant The Gif Hydra
Helper
Ah, thank you so much! I really appreciate this <3
I'm just clueless with coding in general, using classes crossed my mind but they're scary lol
Using classes isn't very different from using regular divs, you're just putting the stuff you'd put in the div inside the class instead of putting them on the div. I do recommend learning to use them if you plan on using a lot of code, as not only are they are easier to organize and change large groups of similar divs, they are also needed for scripts if you ever want to use one.

That said, happy to help :) No coding expert myself, but for things like this I can lend a hand XD
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top