Solved

no break/wrap problem

Posted on 2007-03-28
2
7,410 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: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say 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

Suggested Solutions

Title # Comments Views Activity
Responsive Font Size 6 45
Unexpected End of File 11 54
CSS for <center> 14 31
.CSS HTML Help 3 19
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

713 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