InsaneJournal

Tweak says, "Who you gonna call!?"

Diana Prince (wonderw) wrote in rp_tutorials,
@ 2011-01-12 02:18:00

Entry tags:

question: html/css

Coding help?
I'm a novice coder, but a friend asked if I could code a storyline that had an embedded video as well. Anyway, I managed it, and then shrank it down so 100x100 icons could be used, but now it's crooked? Wondering if there's something I could do to fix it. Code underneath the cut

The Mother Confessor

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sed erat nisi. Aenean vulputate vestibulum ligula ut dictum. Sed lacus urna, convallis sit amet laoreet luctus, aliquet vitae arcu. Integer vel cursus dui. Morbi in sollicitudin enim. Fusce pretium lacus elit, a interdum nulla. Pellentesque at justo eu metus elementum fermentum. Sed rhoncus fermentum ipsum, quis varius magna consectetur id. Quisque posuere, dolor at gravida placerat, odio libero iaculis mauris, sed vulputate justo ipsum ut diam. Proin eros lectus, fringilla malesuada placerat ut, molestie vitae nisi. Etiam nec purus lorem, eget eleifend dui. Vivamus facilisis ornare neque, at tempor arcu suscipit dictum. Praesent sed blandit mauris. Duis ac aliquet velit.

<code><center><div style="width:250px; border:1px solid #555555; background-image: url(http://i49.tinypic.com/5f2ptd.png); padding:10px 10px 10px 10px; ">
<div style="width:230px; background-color:white;">
<table><tr>
<td style="width:100px; height:100px;"><img src="http://i300.photobucket.com/albums/nn18/glass_at_midnight/Regan/033.png"></td>
<td style="width:130px; height:100px;"><div style="width:130px; height:100px;"><lj-embed id="1">
<object width="127" height="100"><param name="movie" value="http://www.youtube.com/v/oNJGAwqV0ys?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oNJGAwqV0ys?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="127" height="100"></embed></object>
</lj-embed></div></td>
</tr></table>
<div style="Width:225px; background-color:0b1430; font-family:georgia; font-size:10px; letter-spacing:2px; color:white; line-height:90%;">The Mother Confessor</div>
<div style="Width:225px; background-color:white; font-family:trebuchet ms; font-size:9px; letter-spacing:0px; color:black; line-height:95%; text-align:justify; padding-top:5px; padding-bottom:5px;">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sed erat nisi. Aenean vulputate vestibulum ligula ut dictum. Sed lacus urna, convallis sit amet laoreet luctus, aliquet vitae arcu. Integer vel cursus dui. Morbi in sollicitudin enim. Fusce pretium lacus elit, a interdum nulla. Pellentesque at justo eu metus elementum fermentum. Sed rhoncus fermentum ipsum, quis varius magna consectetur id. Quisque posuere, dolor at gravida placerat, odio libero iaculis mauris, sed vulputate justo ipsum ut diam. Proin eros lectus, fringilla malesuada placerat ut, molestie vitae nisi. Etiam nec purus lorem, eget eleifend dui. Vivamus facilisis ornare neque, at tempor arcu suscipit dictum. Praesent sed blandit mauris. Duis ac aliquet velit. </div>
</div>
</div>
</text area></center>

(Post a new comment)

(Anonymous)
2011-01-12 08:33 am UTC (link)

Try this in place of the table code you have in there, and hopefully it'll work?

(Reply to this)

wastintime
2011-01-12 02:26 pm UTC (link)

I got rid of the table and bumped things around until they lined up. I hope this is what you wanted! :)

<center><div style="width:250px;border:1px solid #555555;background: url(http://i49.tinypic.com/5f2ptd.png) repeat 0 0; padding:10px;"><div style="background:white;padding:10px;"><div style="height:100px;"><img src="http://i300.photobucket.com/albums/nn18/glass_at_midnight/Regan/033.png" style="float:left;"> <div style="margin:-8px -40px -50px 0px;float:right;"><lj-embed id="1">
<object width="115" height="100"><param name="movie" value="http://www.youtube.com/v/oNJGAwqV0ys?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oNJGAwqV0ys?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="115" height="100"></embed></object>
</lj-embed></div></div>
<div style="width:225px;background-color:0b1430; font-family:georgia; font-size:10px; letter-spacing:2px; color:white; line-height:90%;">The Mother Confessor</div>
<div style="Width:225px; background-color:white; font-family:trebuchet ms; font-size:9px; letter-spacing:0px; color:black; line-height:95%; text-align:justify; padding-top:5px; padding-bottom:5px;">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sed erat nisi. Aenean vulputate vestibulum ligula ut dictum. Sed lacus urna, convallis sit amet laoreet luctus, aliquet vitae arcu. Integer vel cursus dui. Morbi in sollicitudin enim. Fusce pretium lacus elit, a interdum nulla. Pellentesque at justo eu metus elementum fermentum. Sed rhoncus fermentum ipsum, quis varius magna consectetur id. Quisque posuere, dolor at gravida placerat, odio libero iaculis mauris, sed vulputate justo ipsum ut diam. Proin eros lectus, fringilla malesuada placerat ut, molestie vitae nisi. Etiam nec purus lorem, eget eleifend dui. Vivamus facilisis ornare neque, at tempor arcu suscipit dictum. Praesent sed blandit mauris. Duis ac aliquet velit. </div></div></div></center>

(Reply to this)