CSS --------------- form image tags --------------- modal form-img-tag

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
CSS:
/* --------------- form image tags --------------- */
.modal .form-img-tags {border:none;padding-bottom:5px;position:relative;top:-5px;}
.modal .form-img-tags fieldset {padding:0 20px 0 20px;}
.modal .form-img-tags label {display:block;padding-bottom:3px;}
.modal .form-img-tags p {margin:0;padding-bottom:10px;}
.modal .form-img-tags textarea {display:block;width:307px;height:150px;}
.modal .form-img-tags .tags {zoom:1;overflow:hidden;text-align:right;}
.modal .form-img-tags .tags label {float:left;width:auto;}
.modal .form-img-tags .tags input {width:220px;}
.modal .form-img-tags p.buttons {padding:5px 0 15px 120px;border-bottom:1px solid #E1DCD5;}
HTML:
<div class="modal">
<h4>Image tags &amp; description</h4>
<form action="#" class="form-img-tags">
<fieldset>
<p>
<label>Description</label>
<textarea rows="5" cols="20"></textarea>
</p>
<p class="tags">
<label>Tags</label>
<input class="txt" value="tag1, tag2, tag3, tag4" />
</p>
</fieldset>
<p class="buttons">
<span class="button2"><input type="submit" value="Save" /></span>
</p>
</form>
<a class="close"><img src="img/close.gif" alt="Close" /></a>
<div class="bottom"></div>
</div>