div така ми излиза на нов ред

D

dunix

Registered
Код: 
<div align="left" style="padding: 20px 0px 0px 10px"> 
Maps<p>
Models<p>
Plugins
<div style="padding: 0px 0px 0px 220px; font-size: 2.1em; margin:0px auto;">
<div id="red">is Coming</div>
<div id="blue">Soon...</div></div></div>

Всеки див ми излиза на нов ред...
Картинка как изглежда
 
Можеш да сложиш float:left на всеки див в css-а, но задължително трябва да сложиш празен див със style="clear:both" най-отдолу
Код: 
<div style="clear:both"></div>
Ако не държиш да е направено с дивове можеш да ги заместиш със span
 
http://store.picbg.net/pubpic/A9/9F/807f3ac353f6a99f.png
Ето так г/д трябва да изглежда :lol:

Това ми е css-то
Код: 
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2e373c;
	padding: 150px 0px 0px 0px;
	text-align: center; 
	align: center;
	
}
#red {
	color : #ed1d24;
}
#blue {
	color : #0095da;
}
/* Kare */
#colon_up
{
	background: 	url('images/up.png') no-repeat;
	width: 			617px;
	height: 		25px;
}

#colon_center
{
	background: 	url('images/center.png') repeat-y;
	width: 			617px;
	padding:		0px 0px 0px 0px;
}

#colon_down
{
	background:		url('images/down.png') no-repeat;
	width:			617px;
	height:			25px;
	padding:		15px 0px 0px 0px;
}

Toва ми е body:

Код: 
<body>
<center>
		<div id = "colon_up"></div>
			<div id = "colon_center">
			
 <div align="left" style="padding: 20px 0px 0px 10px">
Maps<p>
Models<p>
Plugins
<div style="padding: 0px 0px 0px 220px; font-size: 2.1em; margin:0px auto;">
<div id="red">is Coming</div>
<div id="blue">Soon...</div></div></div>

				</div>
		<div id = "colon_down"></div>
</center>


</body>
 
Код: 
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2e373c;
	padding: 150px 0px 0px 0px;
	text-align: center; 
	align: center;
	
}
#red {
	color : #ed1d24;
}
#blue {
	color : #0095da;
}
/* Kare */
#colon_up
{
	background: 	url('images/up.png') no-repeat;
	width: 			617px;
	height: 		25px;
}

#colon_center
{
	background: 	url('images/center.png') repeat-y;
	width: 			617px;
	padding:		0px 0px 0px 0px;
}

#colon_down
{
	background:		url('images/down.png') no-repeat;
	width:			617px;
	height:			25px;
	padding:		15px 0px 0px 0px;
}

Toва ми е body:

Код: 
<body>
<center>
		<div id = "colon_up"></div>
			<div id = "colon_center">
			
 <div style="padding: 20px 0px 0px 10px;">
	<div style='float: left'>
	Maps<p>
	Models<p>
	Plugins
	</div>
	<div style="padding: 0px 0px 0px 220px; font-size: 2.1em; margin:0px auto;">
		<div id="red">is Coming</div>
		<div id="blue">Soon...</div>
	</div>
</div>

				</div>
		<div id = "colon_down"></div>
</center>


</body>
 
Сложи на двата <див>-а по един display: inline;
Тоест
#red {
display: inline;
color : #ed1d24;
}
#blue {
display: inline;
color : #0095da;
}
Увеличете...
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе