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

  • Anonymous
  • HTML
  • 12 Jun 2009 
 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>
← newer dump
older dump →