Код:
<div class="form_now">
<div class="form_label">Article text</div>
<div class="form_input" style="float: left;">
<div id="emoticons">
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_biggrin.gif" alt=":D" title="Very Happy" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_smile.gif" alt=":)" title="Smile" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_wink.gif" alt=";)" title="Wink" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_sad.gif" alt=":(" title="Sad" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_surprised.gif" alt=":o" title="Surprised" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_eek.gif" alt=":shock:" title="Shocked" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_confused.gif" alt=":?" title="Confused" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_cool.gif" alt="8-)" title="Cool" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_lol.gif" alt=":lol:" title="Laughing" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_mad.gif" alt=":x" title="Mad" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_razz.gif" alt=":P" title="Razz" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_redface.gif" alt=":oops:" title="Embarrassed" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_cry.gif" alt=":cry:" title="Crying or Very Sad" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_evil.gif" alt=":evil:" title="Evil or Very Mad" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_twisted.gif" alt=":twisted:" title="Twisted Evil" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_rolleyes.gif" alt=":roll:" title="Rolling Eyes" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_exclaim.gif" alt=":!:" title="Exclamation" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_question.gif" alt=":?:" title="Question" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_idea.gif" alt=":idea:" title="Idea" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_arrow.gif" alt=":arrow:" title="Arrow" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_neutral.gif" alt=":|" title="Neutral" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_mrgreen.gif" alt=":mrgreen:" title="Mr. Green" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_geek.gif" alt=":geek:" title="Geek" /></a>
<a href="#" onclick="return false;"><img src="images/smilies/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /></a>
</div>
<textarea name="text" id="article_text"></textarea>
</div>
<div style="clear: both;"></div>
</div>
<div class="form_now">
<div class="form_label">Image:</div>
<div class="form_input">
<input type="file" onkeypress="this.form.submit();" onchange="this.onkeypress();" name="image" />
</div>
</div>
<div class="form_now">
<div class="form_label"><label for="allow_bbcode">Allow BBCode</label></div>
<div class="form_input">
<input type="checkbox" name="allow_bbcode" id="allow_bbcode" value="1" checked="checked />
</div>
</div>
<div class="form_now">
<div class="form_label"><label for="allow_smilies">Allow Smilies</label></div>
<div class="form_input">
<input type="checkbox" name="allow_smilies" id="allow_smilies" value="1" checked="checked />
</div>
</div>
<div class="form_now">
<div class="form_label"><label for="allow_magic_url">Allow magic url</label></div>
<div class="form_input">
<input type="checkbox" name="allow_magic_url" id="allow_magic_url" value="1" checked="checked />
</div>
</div>
Код:
.form_row{
margin-top: 10px;
}
.form_label{
float: left;
min-width: 110px;
}
.form_input{
}
Мерси предварително.