Altering distance between navigation tabs

[stefanos]

Hello everyone from Athens, Greece!

I need to know exactly which CSS box controls the distance between the navigation tabs (I'm using version 3.2.9, if that makes a difference).


Thank you,

Stefanos

[Andreas]

Only way to detect it is with a web developer tool like firebug for firefox. Or give us a link to the page.

[stefanos]

The link is www.glenngould.gr (it's still quite primitive...)

Thank you!

[Andreas]

On this site distance is done by padding on LIs.

.mod_navigationMain ul, 
.mod_navigationMain li {
  list-style-type: none;
  margin: 0;
  padding: 10px;
}

Try e.g. padding: 40px 10px; Play around with firebug.
There are too many possibilities to formate listitems that's why we have to analyze with e.g. firebug.

[stefanos]

Thank you! It's fine now!

Now, something else too (I'm a beginner in all this, I've had no formal web development education at all): how can I insert drop-down menu on the right of each navigation tab?


Greatful!

[Andreas]

At first glance one can see that you're an absolute beginner. Maybe you find a friend to help you on first steps.

Try to find an extension for dropdown menus as doing it from scratch is difficult for a beginner.

Try to learn CSS and play around with firebug maybe on a static page with minimal HTML code.

It's not a good idea using a thread in this forum for complete HTML and CSS teaching.

ps Learning CSS is fun, but it's way more difficult to learn it with the contao stylesheet manager. It's easier when you use a css file that you can edit directly or doing it temporarly live with firebug.

[stefanos]

Thanks again!

P.S. Don't worry, I'm not going to ask for html and css teaching.

Stefanos