Problem mit Zeilenumbruch

[N3hu1s]

Hi...habe zur Zeit einen seltsamen Fehler

Mein Ziel ist es eine Reihe von Bildern in einer Zeile zu haben...jedoch werden die bilder immer in einer neuen Zeile angezeigt...hab schon probiert den Zeilenumbruch zu verhindern...aber leider erfolglos :(

Hoffe jemand kann mir helfen

...
  <nav>
    <div id="pic101">
    <a href="#" onclick="toggle_visibility('big001');"><IMG Width="140px" SRC="../../images/dc/dc001.jpg"></A>
    </div>
    <div id="pic102">
    <a href="#" onclick="toggle_visibility('big001');"><IMG Width="140px" SRC="../../images/dc/dc002.jpg"></A>
    </div>
  </nav>
...

jetzt css code

...
nav {
  position : absolute;
  background-color : #111111;
  -moz-border-radius: 1% 1% 1% 1%;
  width: 96%;
  height : 124px;
  left : 0.2%;
  top : 80.6%;
  padding-left : 3%; 
  padding-top : 2%;  
  border: 2px solid #CCCCCC;
  font-size : 70%;
  color : white;
  white-space:nowrap;
}
...

ich verzweifel bald :/


ich hab als test die bilder woanders genau gleich reinkopiert und dort gab es keine probleme

...
box2
{
  color : white;
  position : absolute;
  border : 2px solid #CCCCCC;
  background-color: #000000;
  height : 780px;
  left : 285px;
  right : 10px;
  padding-top : 0px;
  padding-left : 10px;
  -moz-border-radius: 0% 0% 5% 0%;
  font-family : cursive;
} 
...

EDIT:

Es lag am DIV

sry^^

 

[Gilles]

Nur mal als Tipp:
Du musts schon die HTML-Tags nehmen, die dir auch zur Verfügung stehen
nav ist keiner und box2 auch nicht :)
wolltets bestimmt sowas wie: <div id="nav">
Und muss denn ein Div und ein Link um das Bild?
Kannst dem Bild auch eine id und ein onclick zuweisen :)
Nicht immer so kompliziert machen ;)