View Full Version : jazz up the code

Jul 4th, 2009, 12:31 PM
im creating a "quote" part of my forum and im currently trying to design a quote looking area such as the one below

like thisbut my imagination sucks and cant seem to make it look right

below is a image of the forum and here is my current code

<div style=\"background: #e4ebeb; border: 1px solid #555555; padding: 6px;\">
<div style=\"background: #fafafa; font-size:10px; color:#043050;\">Quote by <a href=\"*\">*</a> :</div>

any ideas on how to make the quote area look good ??

Jul 4th, 2009, 12:50 PM
From firebug, the code for that part looks like

<td style="border: 1px inset ;" class="alt2">

like this


.alt2 {
background:#EBEBEB none repeat scroll 0;

Jul 4th, 2009, 12:54 PM
humm ok i got allitle further with my origional design

<div border: 1px solid #555555; \">
<div style=\"background: #fafafa; padding: 2;border: 1px solid #555555; font-size:10px; color:#043050;\">Quote by <a href=\"*\">*</a> :</div>
<div style=\"background: #e4ebeb; border: 1px solid #555555; padding: 10; \">~</div></div>

i do have a problem though where there is a gap between the 2 boxes... how would i close this gap??