проблем при списък, текста на връзката пада долу

tini4ka

Registered
проблем при списък, текста на връзката пада долния ред, ако е по дълък

HTML:
<aside>
			<ul>
				<li>
					<div class="dashboard-rightmenu"><a href="#" title="Dashboard">Dashboard</a></div>
				</li>
				<li>
					<div class="tables-rightmenu"><a href="#" title="Tables">Tables</a></div>
				</li>
				<li>
					<div class="forms-rightmenu"><a href="#" title="Forms">Forms</a></div>
				</li>
				<li>
					<div class="widgets-rightmenu"><a href="#" title="Widgets">Widgets</a></div>
				</li>
				<li>
					<div class="sliders-rightmenu"><a href="#" title="Sliders and Loaders">Sliders and Loaders</a></div>
				</li>
				
			</ul>
		</aside>
[css]
aside {
position:absolute;
top:20px;
left:450px;
height:470px;
width:150px;
background-color:#f1f1f1;
padding:20px 0 0 20px;
}
aside ul li{
list-style:none;
line-height:15px;
}
aside ul li a{
text-decoration:none;
color:#aea2a2;
font:11px arial, sans-serif;
border-bottom: 1px solid #f7f7f7;
padding:0 0 0 30px;

}

aside div{
padding-bottom:15px;
}
.dashboard-rightmenu{
background: url('img/dashboard-r.png') no-repeat ;
width:20px;
height:15px;

}
.tables-rightmenu{
background: url('img/tables.png') no-repeat ;
width:19px;
height:19px;

..............
}
[/css]
 
Ако не падне на долния ред, ще разтегли менюто ти и няма да изглежда добре. Ако искаш дългите думи да не се прeнасят на нов ред правиш така

Код:
aside ul li a{

	text-decoration:none;

	color:#aea2a2;

	font:11px arial, sans-serif;

	border-bottom: 1px solid #f7f7f7;

	padding:0 0 0 30px;

                  word-wrap:normal;

	
}

Ама ще изглежда грозно. Ако искаш да имаш повече място в менюто просто му задай по - голям width.
 
То пък имаш отделен клас за всеки ред от менюто.

Пробвай да сложиш

[css].dashboard-rightmenu a {
word-wrap:normal;

}[/css]
и напиши някакъв дълъг текст на мястото на dashboard
 
не става :? в тези класове зареждам картинката преди текста
P.s оправих си проблема, структурата ми е грешна
 

Back
Горе