Hi everyone.

I am having a weird issue with my forms to submit content. For some reason, there is a big space between the title and the form itself. I have tried every CSS property that I can think of and can't seem to figure it out: can change the length of the page etc, but the form itself won't move up the page.

There is probably a specific class or id that I need to use, but I can't figure it out. Anyone have any ideas?

Here is the associated source code (for the beginning at least). Any thoughts on which class to style and what property to use?

<h2>Submit Story</h2>
<form action="/drupal/?q=node/add/story" method="post" id="node-form" enctype="multipart/form-data">
<div>
<div class="node-form">
  <div class="standard">

<div class="form-item">
 <label for="edit-title">Title: <span class="form-required" title="This field is required.">*</span></label>
 <input maxlength="128" name="title" id="edit-title" size="60" value="" class="form-text required" type="text">
</div>
<div class="form-item">
 <label for="edit-taxonomy-2">About: </label>
 <select name="taxonomy[2]" class="form-select" id="edit-taxonomy-2"><option value="0">&lt;none&gt;</option><option value="1">Mission Statement</option></select>
</div>

Thanks for anyone who can help!

Regards,

Shrill

Comments

shishira’s picture

Hi Shrill
u can find the class declared in the html as class="xxx" or u could also use the id="xxx"
Firebug is a real help when u have to work with these thingies

Regards
shira

shrill’s picture

Hi Shira. Thanks very much for your willingness to help. I haven't tried Firebug so I'll take a look at that. I do use the Web Developer plugin for Firefox: is it much different?

I actually am not bad at CSS so I am aware of how to find ids and classes. I just can't figure out which id or class to style in this case. I've tried node-form, standard, etc.: basically any of the ids and classes that I find nearby (using view selection source in firefox).

Thoughts?

thanks,

Shrill