iEntry 10th Anniversary Forum Rules Search
WebProWorld
Register FAQ Calendar Mark Forums Read
Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Share Thread: & Tags

Share Thread:

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 06-17-2005, 05:57 AM
pagetta's Avatar
WebProWorld Veteran
 
Join Date: Nov 2004
Location: UK
Posts: 509
pagetta RepRank 2
Default 2 design questions - need some help please!

Ok - I have 2 very separate questions, but I think they both belong here so here goes:

1. I have a search box, using FD Search engine, on a 29px high bar in my site codestone. At the minute my site fully validates with w3c apart from this search form. The thing is if I move the form tags so that they validate, they make the bar considerably thicker, which doesn't fit in with the design of the site. Would anyone PLEASE be able to look at my code and tell me how to fix this problem. I would like the site to fully validate, but this search form just will not validate AND stay formatted. Any tips most welcome I have tried everything I can think of!

2. I am using css lists in a mailer I am making and have not used them before. I can't give the mailer address but this is the code I have in my css file for lists:

ol {list-style-type:disc;
list-style-position:inside;
padding-left:0px;
margin-left:0px;
display:block;
}
ul li {list-style-image:url("http://www.codestone.net/systemone/bullet.gif");
list-style-position:outside;
margin-top:0px;
padding-top:0px;}


and the list sits inside a td which has the class 'sap' which is this:

.sap {font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #003366;
line-height: 20px;
font-weight: normal;
text-decoration: none;
padding-right: 10px;
}


the code for the lists in my html is this:

<tr>
<td valign="top" class="sap">
  1. Usability features
<ul>
[*]Powerful User and Group-level Security administration[*]Customisable Reporting utilising Crystal Reports[*]Advanced Search facilities across all database fields and ranges[*]Tight Integration with Microsoft Office[*]Built using Microsoft development tools, with SQL Server 2000 database
[/list]
  1. Familiar Microsoft Outlook style interface
<ul>[*]User-Definable Short Cut Bar with Drag and Drop support[*]Tree/Nodes-based point and click data organiser[*]Customisable data pane for user-definable views and filtering[*]Intuitive Design means minimal end-user training[/list]</td>
</tr>


but I have big spaces between the <ul> bullet and the[list=1]lists - about a line's worth of space - how do I get rid of this?

Again any tips much appreciated.
Sorry for the long post - look forwadr to some more great advice from WPW memebers!!
Thanks x
Reply With Quote
  #2 (permalink)  
Old 06-17-2005, 08:06 AM
WebProWorld Veteran
 
Join Date: Aug 2003
Location: Cornwall, UK
Posts: 972
speed RepRank 1
Default

1. Apply a style to the form with the margin set to 0

2. Either apply a style to the elements to change the top margin or restructure the code to:
Code:
  1. Usability features <ul>
  2. Powerful User and Group-level Security administration
  3. Customisable Reporting utilising Crystal Reports
  4. Advanced Search facilities across all database fields and ranges
  5. Tight Integration with Microsoft Office
  6. Built using Microsoft development tools, with SQL Server 2000 database
[*]Familiar Microsoft Outlook style interface <ul>[*]User-Definable Short Cut Bar with Drag and Drop support[*]Tree/Nodes-based point and click data organiser[*]Customisable data pane for user-definable views and filtering[*]Intuitive Design means minimal end-user training[/list] [/list]
Reply With Quote
  #3 (permalink)  
Old 06-17-2005, 09:33 AM
pagetta's Avatar
WebProWorld Veteran
 
Join Date: Nov 2004
Location: UK
Posts: 509
pagetta RepRank 2
Default

perfect thank you! I have just added a little more to my css knowledge which is good for a friday afternoon! List problem sorted - I would be v grateful if anyone could suggest tips for the search form :-)
Reply With Quote
  #4 (permalink)  
Old 06-17-2005, 10:05 AM
WebProWorld Veteran
 
Join Date: Aug 2003
Location: Cornwall, UK
Posts: 972
speed RepRank 1
Default

Code:
  <tr bgcolor="#364580">
    <td><form style="margin: 0; padding: 0;" method="get" action="http://www.codestone.net/searcheng/search.pl"><table width="770" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td>[img]images/pixel.gif[/img]</td>
            <td></td>
            <td align="right"><input type="image" src="images/search.gif" value="Search"/></td>
            <td><input name="Terms" class="searchbox" id="fdse_TermsEx"/></td>
        </tr>
        <tr>
          <td>[img]images/pixel.gif[/img]</td>
          <td>[img]images/pixel.gif[/img]</td>
          <td>[img]images/pixel.gif[/img]</td>
          <td>[img]images/pixel.gif[/img]</td>
        </tr>
    </table></form></td>
  </tr>
That should work, I've used an inline style on the <form> which you'll need to move to the CSS file.
Reply With Quote
  #5 (permalink)  
Old 06-17-2005, 10:21 AM
pagetta's Avatar
WebProWorld Veteran
 
Join Date: Nov 2004
Location: UK
Posts: 509
pagetta RepRank 2
Default

thank you so much - that was so simple! Great help as always from WPW,
much appreciated. Both problems solved in a matter of hours.
Have a great weekend guys!
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -4. The time now is 05:00 PM.



Search Engine Optimization by vBSEO 3.3.0