CSS - How To Remove Shipping Options From Checkout Page

I'm using a free template that is utilizing a custom font called "chewy" I have custom font "Fortuna dot" that I'd like to use instead, however the only way I've found online to edit this is using a plugin. There must be a way to do it without a plugin because the template is doing so. Can any one help?

Also I would like to remove the categories from the page and move the navigation bar there instead.

Please please help me. I have the CSS for dummies book and I still can't figure it out.

SITE: havenhart[dot]com

Hi there,

Not entirely sure this is a CSS issue, but something tells me it is...

I'm getting a weird space at the top of my pages in IE, which consequently causes the header to not align properly with the header background image. It works just fine with FireFox though.

You can view the issue he http://hsdc.groundedgroup.com/

Does anybody know how to remove this space?

Thanks in advance.

Hello,

I work with ASP.NET and I never liked the way some controls are
rendered.
Fortunately .NET 3.5 has a new control, ListView, which lets me render
my HTML code the way I want.

I need do display tabular data on various pages of a web site.

Should I use tables? Should I use lists? What other option is best and
which should I use?
And if I use a table what is the cleaner and better table code I
should have?

For example, should I consider this a good code:

<div class="PrettyGridView" id="GridView1">
<div class="AspNet-GridView">
<div class="AspNet-GridView-Pagination AspNet-GridView-Top">
<a href="javascript:__doPostBack('GridView1','Page$1')">1</a>
<a href="javascript:__doPostBack('GridView1','Page$2')">2</a>
<span>3</span>
</div>
<table cellpadding="0" cellspacing="0" summary="">
<thead>
<tr>
<th scope="col"><a
href="javascript:__doPostBack('GridView1','Sort
$Operation')">Operation</a></th>
<th scope="col"><a
href="javascript:__doPostBack('GridView1','Sort$Reps')">Repetitions</
a></th>
<th scope="col"><a
href="javascript:__doPostBack('GridView1','Sort$Duration')">Total
test</a></th>
<th scope="col"><a
href="javascript:__doPostBack('GridView1','Sort$Average')">Average</
a></th>
</tr>
</thead>
<tbody>
<tr>
<td>Sin</td>
<td>27124</td>
<td>31</td>
<td>1.1521</td>
</tr>
<tr class="AspNet-GridView-Alternate">
<td>Sinh</td>
<td>19777</td>
<td>31</td>
<td>1.5801</td>
</tr>
</tbody>
</table>
<div class="AspNet-GridView-Pagination AspNet-GridView-Bottom">
<a href="javascript:__doPostBack('GridView1','Page$1')">1</a>
<a href="javascript:__doPostBack('GridView1','Page$2')">2</a>
<span>3</span>
</div>
</div>
</div>

Thanks,
Miguel

Hi,

I have used the UL and LI elements to build a tree as follows: Code:

<div class="tree">
<ul>
   <li>
      <span>One</span>
      <span class="controls">
         <input type="radio" ... />
         <input type="button" ... />
      </span>
      <ul>
         <li>
            <span>Child of One</span>
            <span class="controls">
               <input type="radio" ... />
               <input type="button" ... />
            </span>
         </li>
      </ul>
   </li>
   ...
</ul>
</div>

The result of the above XHTML would be somethings as follows:
Code:

- One <Radio> <Button>
   - Child of One <Radio> Button>
...

Now I want to try and get the following result through CSS:
Code:

- One                      <Radio> <Button>
   - Child of One          <Radio> Button>
      - Another Child      <Radio> Button>
   - Second Child          <Radio> Button>
- Two                      <Radio> Button>
   - Child of Two          <Radio> Button>
...

That is in other words I want to have still have elements indented for every child element but all the controls of the elements are under each other at the right side of the div element.

Is this possible? If so are there any example I can use?

I have wrapped the controls inside a span because I felt that this would help. However I do not know how I can change the width of each 'li' element depending on its position in the three! (unless I use javascript, which I am trying to avoid). Also I do not know if CSS wise this is the best way forward.

Thanks for any suggestions.
Regards,
Sim085

I'm using the max-width in IE in my site - specifically I'm using it to set the minimum height of certain elements. Now that it has become a key part of my design, I realized that it generates errors in the W3 validator.

Does anyone know a valid way to use the min-height that will work with IE?