PDA

View Full Version : jazz up the code



runnerjp
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>
<div>~</div></div>http://runningprofiles.com/images/mypage.jpg

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

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

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

like this

</td>

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

runnerjp
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??