Jump to content

combined class (?) not working


Recommended Posts

My coder set up some styles that I'm trying to change. But my changes aren't having any effect...marginTop is the code I've been changing. But it doesn't seem to add a margin on top of the elements Here are the styles:

<style type="text/css">.step{  position:absolute;  width:580px;}.step .field input[type=text]{  background-repeat: no-repeat;  background-position: left;  width: 315px;  height: 20px;  line-height: 1.1;  font-family: "Gill Sans", "Gill Sans Std", Verdana, Arial, sans-serif;  letter-spacing: .05em;  color: #777;  margin-top: 3px;  padding: 0px 5px 2px 6px; }.step .field input[type=text]:hover{  background-color: #F0E7CD;}.step .field input[type=text]:focus{  background-color: #F0E7CD;} .step .label{  width:auto;} .group .label label{  margin-left:-43px;} .tick-name{  width:190px;  float:left;} .marginTop {  margin-top: 10px;} </style>

And here is the code I'm trying to affect:

  <div class="group">	 <div class="label"><label for="region">Region:</label></div>	 <div class="field marginTop">{region}</div>	</div>    	<div class="group">	 <div class="label"><label for="town">Town:</label></div>	 <div class="field marginTop" style="margin-bottom:5px;" id="townDiv">	  <div class="data"></div>	  <div class="loading" style="display:none;"><img src="{urlroot}skins/default/images/loading.gif" /></div>	 </div>	</div>

Basically, I'm trying to move {region} and {town} down on the page. But when I increase margin-top amount in the styles, it doesn't do anything... Thanks -- Jami


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...