Byakko's Inari Shrine
table testing, image storage, and character ideas
01-21-2022, 07:35 PM
(This post was last modified: 01-21-2022, 07:43 PM by Byakko. Edited 1 time in total.)
How do I make the right side a table slot too for an alternative static background that extends with the separate text box!?
Would that function better as a a wide table underneath the two tables and a scroll box???
Def' need to research CSS again...
|
Code:
<table style="width:550px;border:0px black solid;background-color:#000000; border-radius: 20px;">
<tr>
<td style="width:278px;background-image:url('');background-repeat:no-repeat;background-position:top center; border-radius: 20px 0px 0px 20px;background-color:#f9d692;">
<td>
<table style="width:420px;border:0px black solid;background-color:transparent;border-radius:20px;">
<div style="height:210px;background-image:url('');background-repeat:no-repeat;background-position:top center;border-radius:0px 20px 0px 0px;background-color:#f9d692;"></div>
<div align="center" style="opacity:0.8; padding:1px;margin:1px 0px 1px 0px; background-color:#3245A8;font-family: times new roman; font-size: 10px; text-transform: uppercase; color: #000; text-shadow: 0px 0px 6px #ffffff; letter-spacing: 1px; line-height: 16px;"><link href="https://fonts.googleapis.com/css?family=Pompiere&display=swap" rel="stylesheet"><font face="Pompiere" color=000 size=6>CHARACTER NAME</font face></link>
<br>
<br>"QUOTE/SONG LYRICS HERE."</div>
<tr>
<div height=auto align=justify style="font-family:garamond;font-size:11px;color:#000;line-height:12px;letter-spacing:1px;word-spacing:2px; background:#498DF4;padding:0 10px 0 10px;margin:2px 0px 0px 0px;opacity:1.0;filter:alpha(opacity=100); height:280px; border-radius: 0px 0px 20px 0px; border: 0px solid #f9d692;""> Text goes here!
<center>Action | <font color=#0f4d00>"Speech."</font> | <font color=01034D>Skill</font></center>
<center></div></tr></table></td></tr></table></center>