Search:

Make sure you eliminate the margin and padding on the menu UL:

ul.menu {margin-top: 0; padding-top: 0;}

1. The padding/margin/etc will depend on the font size of the element your applying it to. For example, if you have:

p {font-size: 1.2em; padding: 1em;} // the padding would be 12px

2. Yes.

The sprite is the better way to go. It may be a larger file size, but it's going to be faster than loading all 24 images separately.

Gotcha. You could achieve it with pure CSS by adding this:



#south_menu ul li:hover ul {display: block; visibility: visible;}

The hover seems to be working for me on the top nav. What exactly isn't working?

In your example, you're using "strong." You could simply do this:


<p>The quick <strong class="brown">brown</strong> fox jumped ...</p>

Then in your CSS, you'd have this:

.brown {color:...

Javascript is a must for any web application. You mentioned payment and registration ... so you could definitely use some field validation here.

Javascript.

Perfect! Glad you got it straightened around!

Your markup is rendering extra markup between your line1 and line2 divs. Open it in Chrome Debugger to check. Here's what it's putting:

<div id="line1">...</div>
<a href="price.html">
...

I've always had to use JavaScript to simply loop through all the elements and add their widths together then set it to the parent element. Here's a basic example:
http://jsfiddle.net/ZfSHJ/

Here's a link to get the desired results using your method:
http://jsfiddle.net/eNtQF/

And here's the same method but using margins:
http://jsfiddle.net/3Gxau/

You definitely want to use margins in this case. Top is tricky because it acts weird with the height. To get your desired affect, you'd have to add a different "top" to each of the outer divs. ...

Archiac,

Do you have a screenshot of the design you're trying to create? It may be best if I show you a simple example to achieve your desired layout.

Are you familiar with floats and margins? The type of positioning your using is bad practice for layouts.

And no, you don't want to move things inline. External stylesheets are the way to go.

Hmm, do you have an illustration on what you're trying to achieve?

Here's a basic example of what I think you're looking to do:
http://jsfiddle.net/5a54a/2/

remove the "left: 30%;" and "top: -130%;"

^^^ What ry_lloyd said.

I didn't go through their PHP course. They have some samples you can watch to get an idea though.

I went through their Drupal and Facebook development courses.

You've got some real oddities for your positioning.

I'm sure it has something to do with all these negative margins and top/left positions. I'm not even seeing the H1 inline style you're...

I've used Lynda.com and love it.

You need to use a server side language such as PHP.

Google for MySQL PHP stuff.

Bump.

Try this:



function changeContent(x) {
var content = '';
switch (x) {
case 'cats' :
content = '<i>meow.</i>';
break;

Hello,

I'm totally new to Drupal. I'm hoping there's a drupal module out there to help me, but I haven't been successful in setting it up. Basically, I just want to display a listing of all the...