HOWTO: html no wrap?

i am trying to add some inline elements;
basically its a link with icon and text.

so this is the code i am using:

<a href="#" class="btn toolbar"><img class="icon" src="./images/icons/
neueObjekte.png" /> Neue Objekte</a>
<a href="#" class="btn toolbar"><img class="icon" src="./images/icons/
AbfrageUndAuswertung.png" /> Abfrage und Auswertung</a>

i already tried to insert nowrap to the _and/or_ tag
(although it makes only sense in the tag)
careless if i enter it it still wraps.

i am also using a stylesheet (where i put the nowrap into the button
tag, which _should_ solve it):
[css]
body { padding: 20px; font-size: 0.85em; font-family: georgia,
serif; }
..btn { white-space: nowrap; display: block; position: relative;
background: #aaa; padding: 5px; float: left; color: #fff; text-
decoration: none; cursor: pointer; }
..btn * { font-style: normal; background-image: url(../images/
btn2.png); background-repeat: no-repeat; display: block; position:
relative; }
..btn i { background-position: top left; position: absolute; margin-
bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
..btn span { background-position: bottom left; left: -5px; padding: 0 0
5px 10px; margin-bottom: -5px; }
..btn span i { background-position: bottom right; margin-bottom: 0;
position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
..btn span span { background-position: top right; position: absolute;
right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none;
cursor: pointer; }

..btn.toolbar { background:#999999; }
..btn:hover { background-color: #a00; }
..btn:active { background-color: #444; }
..btn[class] { background-image: url(../images/shade.png); background-
position: bottom; }

img.icon { border: 0px solid #000000 ; }

* html .btn { border: 3px double #aaa; }
* html .btn.toolbar { white-space: nowrap; border-color: #000000; }
* html .btn:hover { border-color: #a00; }
[/css]
hopefully someone can help me here.
thanks in advance
ludwig moser

Well bust mah britches and call me cheeky, on Tue, 24 Jul 2007 06:57:43 GMT
scribed:

> i am trying to add some inline elements;
> basically its a link with icon and text.
>
> so this is the code i am using:
>
>

> <a href="#" class="btn toolbar"><img class="icon" src="./images/icons/
> neueObjekte.png" /> Neue Objekte</a>
> <a href="#" class="btn toolbar"><img class="icon" src="./images/icons/
> AbfrageUndAuswertung.png" /> Abfrage und Auswertung</a>
>

> i already tried to insert nowrap to the _and/or_ tag
> (although it makes only sense in the tag)
> careless if i enter it it still wraps.

You have to remove the carriage returns (LF/CR) between the links.

src="./images/icons/neueObjekte.png" /> Neue Objekte class="btn toolbar"> Abfrage und Auswertung

or

src="./images/icons/neueObjekte.png" /> Neue Objekte<
a href="#" class="btn toolbar"> Abfrage und Auswertung

--
Neredbojias
Half lies are worth twice as much as whole lies.

> You have to remove the carriage returns (LF/CR) between the links.
actually google groops editor added the newlines...
there are no newlines in my source code (at least not where google put
it...)

solged it, i had a "block" in my css, which overwrote the wrap stuff.