Menu Css

[kacpik]

Witajcie mam taki problem ze moje menu po zmniejszeniu strony schodzi w doł do innej lini , chciałbym zeby je ucinało po prostu a nie rozwalało mi całą strone
Zarzucam scr.




Kod to :

Code: Zaznacz cały

#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  display: block;
  height: 36px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  background: transparent url("images/off.gif") repeat-x top left;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  border-bottom: 4px solid #004c99;
  border-top: 1px solid #74b0c6;
  width: auto;
}
#cssmenu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
#cssmenu li a {
  display: block;
  float: left;
  color: #6d7078;
  text-decoration: none;
  font-weight: bold;
  padding: 12px 20px 0 20px;
  height: 24px;
  background: transparent url("images/divider.gif") no-repeat top right;
}
#cssmenu li a:hover {
  background: transparent url("images/hover.gif") no-repeat top right;
  color: #6d7078;
}

<div id='cssmenu'>
<ul>
<li class='active'><a href='#'><span>Home</span></a></li>
<li><a href='#'><span>Products</span></a></li>
<li><a href='#'><span>Company</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
<li class='active'><a href='#'><span>Home</span></a></li>
<li><a href='#'><span>Products</span></a></li>
<li><a href='#'><span>Company</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>

[Morfidon]

Użyj em na fonta, albo użyj responsywnego desingu, który pokazuję w kursie CSS 3 tzn. media query.

[kacpik]

ok dzięki

[kacpik]

dodałem font em i nie ma róznicy tak samo schodzi

[Morfidon]

Musisz zmienić bazę względem której by to się skalowało. Użyj media query - pokazuje go w kursie CSS 3.

https://developer.mozilla.org/en-US/doc ... ia_queries

http://videokurs.pl/kurs-css3.php

[kacpik]

Można zamknąć