Малко сложна конструкция

Ev0luti0N

Registered
Имам едни резултати и съм ги направил по следния начин:
HTML:
<div id="results">
<div id="result-1">
<span>-></span>
<div>Текст 1</div>
</div>
<div id="result-2">
<div>Текст 2</div>
</div>
т.н.
</div>
Та като забележите имам един спан с стрелка вътре. Реално това всичко си работи перфектно, но вижте как този текст който има стрелка пред него влиза по навътре тоест след стрелката. Може ли другите резултати да се изравняват на този текст който е по-горе. Тоест да стане точно под "Текст 1" този "Текст 2". Без да има и там спан.
:idea:
 
Идеята ми е там, че имам jQuery код. Който слага пред тези текстове <span>-></span> и искам просто така да стане кода, че когато слага тези спанове със стрелки текстовете да не излиза единият напред другите да си стоят назад просто да са на равна линия. Ако тръгна да го правя с   просто ще стане излишен код.
Ще потърся сайтове който имат това което искам и ще ви покажа за какво иде реч.
 
Ev0luti0N каза:
Идеята ми е там, че имам jQuery код. Който слага пред тези текстове <span>-></span> и искам просто така да стане кода, че когато слага тези спанове със стрелки текстовете да не излиза единият напред другите да си стоят назад просто да са на равна линия. Ако тръгна да го правя с   просто ще стане излишен код.
Ще потърся сайтове който имат това което искам и ще ви покажа за какво иде реч.

Може ли да дадеш css-а на кода, защото така като го тествам той си излиза нормално.Некой съвети: Слагай стрелката в див или опитай с text-indent:
 
а така : ?

HTML:
<div id="results" style="overflow: hidden;">
	<span>-></span>
	<div style="overflow: hidden; padding-left: 20px;">
		<div id="result-1">
			<div>Текст 1</div>
		</div>
		<div id="result-2">
			<div>Текст 2</div>
		</div>
	</div>
</div>


или така:

HTML:
<div id="results" style="overflow: hidden;">
	<span style="float: left;">-></span>
	<div style="overflow: hidden; padding-left: 10px;">
		<div id="result-1">
			<div>Текст 1</div>
		</div>
		<div id="result-2">
			<div>Текст 2</div>
		</div>
	</div>
</div>
 
legolas каза:
и за какво ти са уроци, аз като ти го дадох готово ппффффф :? :shock:
Какви уроци.. Прочети наново какво искам да направя и на снимката кое съм отбелязал, че искам да направя.
Реално исках да постигна ефекта нещо като Гугъл. Стрелката да е отпред и всички резултати да са от дясно подредени и само стрелката да се мести. :)
И това е. :) Постигнах ефекта. Благодаря за отделеното време, но се оправих сам. :)
 
първо даваш код за поправяне, после аз ти пускам готовия КОД, после ти пускаш някаква картинка, и казваш че си се оправил. Само неможах да разбера картинка за пример ли ти трябваше или код, Оффф както и да е аееее.....
 

Back
Горе