<div> в строку без перехода на след. строку

a1rborn · October 4, 2012

Здравствуйте еще раз

Снова требуется помощь знающих

Нужно реализовать n кол-во <div> элементов расположенных в одной строке, но самое главное, что бы при окончании окна браузера, эта строка продолжалась, а не превращалась в две, три и т.д. (исходя из размера окна браузера)

То есть, когда, в моем примере, двигаешь правый край браузера, не помещающиеся див элементы переходят на следующую строку, образуя тем самым 2 ... 5 и т.д. строк.

Перепробовал все что знал, помещал див строку в новый элемент див, центрировал, применял дисплей инлайн, позиционировал по разному

Результату - ноль.

Через таблицу делать не хочется. Есть у кого нибудь идеи как можно реализовать такую вещь?

Благодарю заранее

html

<html>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="includes/ice/ice.js" type="text/javascript"></script>
<body>
<div align="center" >
<img src="pic\background1.jpg" width="1008" height="394">
</div>

<div id="glmenu" align="center">



<div class="menu"><img src="pic/news.png"></div>
<div class="menu"> <img src="pic/bio.png"> </div>
<div class="menu"> <img src="pic/alboms.png"> </div>
<div class="menu"> <img src="pic/video.png"> </div>
<div class="menu"> <img src="pic/foto.png"> </div>
<div class="menu"> <img src="pic/texts.png"> </div>
<div class="menu"> <img src="pic/fan.png"> </div>
</div>

<table width="1024" border="1">
  <tr>
    <td width="20" height="406"></td>
    <td width="20"></td>
  </tr>
</table>



</body>
</html>

css

body
{background:#888989;
background-image:url(pic/newback.jpg);
}


.menu {display:inline;
}



#background {background-color: #C00;
	display:block;
}

sigma77 · October 4, 2012

a1rborn,


.glmenu {
  white-space: nowrap;
}

Так?

a1rborn · October 4, 2012

Вся моя проблема решилась одной строчкой, Огромное Вам спасибо! вайт спейс помог!

Sign In

<div> в строку без перехода на след. строку

Question

a1rborn

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

sigma77

Link to comment

Share on other sites

a1rborn

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information