InsaneJournal

Tweak says, "I really love your tiger feet!"

it's not 50, it's five-oh (fiveohmod) wrote in rp_tutorials,
@ 2014-07-15 11:37:00

Entry tags:

question: html/css

Hi there. I'm hoping someone who understands these things can help, I can input information into pre-existing code but that's about as far as I go.

I'm using a code I found in here to make ID's as a taken page, and all's well until....I can't get them to sit next to each other. I thought just running the code without a space right next to another would but it actually makes them line up from top to bottom.

As seen here.

Is there any way to accomplish that, or is it just not possible? The code's original creator's journal is deleted so, I'm kind of stuck as it stands.

Thanks!

(Post a new comment)

	sunsetsky 2014-07-15 03:48 pm UTC (link)
	That's awesome looking! Or it would be if it was working right. Is it in a table form? I know just enough about this stuff to be dangerous but having table codes in the right places seems like that would be the solution. (Reply to this) (Thread)

	fiveohmod 2014-07-15 03:49 pm UTC (link)
	Thanks! It's not actually. I hadn't even thought of putting it in a table, just excitedly started pasting stuff XD (Reply to this) (Parent) (Thread)

	sunsetsky 2014-07-15 03:53 pm UTC (link)
	Hm. Hopefully someone will answer who knows more than I do! I've never seen code like that that wasn't in a table. (Reply to this) (Parent)

	perkyshadowgirl 2014-07-15 05:43 pm UTC (link)
	So, I'm fairly useless at this as well, but you've got BRs after each DIV ends which is probably what's doing it. </div><br /><br /> is what I'm seeing after the Alien Identification number. See if removing those solves your problem at all. Or at least some of them. I don't know if it'll automatically wrap or not, as I learn by editing more than anything. (Reply to this) (Thread)

	perkyshadowgirl 2014-07-15 05:45 pm UTC (link)
	LOL to clarify - remove the BRs. They're telling the website to generate two line breaks after each separate div, which is probably what's putting them in a vertical row instead of making them line up horizontally. (Reply to this) (Parent)

tessisamess
2014-07-15 08:03 pm UTC (link)

Taking the line breaks out as suggested will definitely help the flow, but it won't set them inline like you want. You're going to want to put display:inline-block; into every instance of

<div style="display:inline-block;width:225px;height:350px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:thin solid #b9b9b6;">

.

You might also want a container to center the whole shebang on the page, in which case you just need to stick the whole cast list into:

<div style="margin:0 auto;width:920px;">

CAST LIST HERE

</div>

Hope that helped!

(Reply to this) (Thread)

	fiveohmod 2014-07-16 02:42 am UTC (link)
	This worked beautifully, thanks so much for your help!!!! (Reply to this) (Parent) (Thread)

	tessisamess 2014-07-16 03:17 am UTC (link)
	No problem at all! ♥ (Reply to this) (Parent)