Solved

no break/wrap problem

Posted on 2007-03-28
2
7,409 Views
Last Modified: 2012-08-13
Hi,

is there a way to not have the horizontal buttons (menu_h) here
http://www.cadante.com/cadante_css/vini.asp
break, having half of it on one line and the other part in the next line?*

*depends on the display resolution and size.
===================================================
eg:

Basilicata - Campania - Emilia Romagna - Friuli - Lazio - Lombardia -
Marche - Piemonte - Puglia - Saqrdegna - Sicilia - Toscana - TRENTINO ALTO
ADIGE - Umbria - Veneto
===================================================

where "Trentino Alto Adige" should be all in one line, i.e. one button
===================================================

In other words is there a better way to do it than I did?

Thank you
0
Comment
Question by:keneso
2 Comments
 
LVL 5

Accepted Solution

by:
Argblat earned 200 total points
ID: 18808239
try:

white-space: nowrap;

in your css
0
 
LVL 8

Assisted Solution

by:klykken
klykken earned 50 total points
ID: 18808354
Argblat is right, put the code right into the CSS rule for your nav links:

#menu_h a { white-space: nowrap; color: #000000; text-decoration: none; background-color: #fc0; text-align: justify; padding: 3px; border: solid 2px #300; }
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question