Позициониране на елемент

C

critrate

Registered
4960.png


това в червеното да падне под нивото на картинката,но пак да си е центрирано.Т.е. сега е бъгнато защото ако описанието на новината е мн кратко елементите застават до него и не искат да се позиционират под него,както искам да е .

може ли да ми обясните как става номера?

п.п. до сега за да оправя това използвах таблици,но реших тях да ги оставя само за извеждане на потребители.
 
правиш един див с далжината на страницата и го слагаш да е под картинката и текста и си готов ама без код зор да ти кажа : )
 
Ако картинката и текста от дясно му са в един див, то му слагаш CSS пропърти "overflow: hidden"

Кутията с иконите му даваш пропърти "margin: 0 auto"
 
картинката е само с float:left.текста няма никакъв див.Добавих margin:0px auto на кутииките ,но нищо не стана .
 
Ами ще ти се наложи да ползваш малко повечко дивчета. Гледай да вкараш в един див картинката, текста и иконките, като след това вътре всяко отделно го слагаш в отделен див и му изпукваш по един float: left;. Макар че, иконките можеш да ги сложиш в <p> с align="center".


Отделно прочети тази тема: http://forums.bgdev.org/index.php?showtopic=40475 , ще ти е доста полезна за в бъдеще ;)
 
или просто може да ползваш някакаъв паддинг на самия див за да ги тикнеш в центъра на дива : )
 
Благодаря,но по начина , по който каза ти всичко стана мнооооого по-зле.Като придадох на елементите float:left се затвори главния бокс ,елементите останаха без бекс - направо на бекграуда на сайта.
 
Ами не знам как си си изграждал сайта, но всичко трябва да ти е на един и същ принцип. Не едното да ползваш position, на другото float и на третото нещо друго.

Все пак виж темата, която ти дадох. Обърни и сериозно внимание. ;)
 
За всичко си има време, но се иска и желание ;) , а доколкото разбрах, в момента си в разгара на учението си в тази сфера и че ти е доста интересно, така че давай само напред.
Един съвет: ако нещо те мъчи, го мъчи поне ден - ден и нещо и ако тогава не намериш решение пиши теми. Така се изграждаш по-бързо практически, научаваш например защо дадено нещо така е станало или защо не е станало преди това и т.н.

Успех ;)
 
Код: 
<head>
<style>
#all {
	width:600px;
	margin:0 auto;
	height:auto;
	background-color:#ccc;
	}
#all .big-image {
	float:left;
	background-color:#000;
	height:120px;
	width:200px;
	}
#all .text {
	width:390px;
	float:right;
	}
#all .icons {
	clear:both;
	text-align:center;
	padding:5px 0px;
	}
</style>
</head>

<body>
<div id="all">
	<img class="big-image" src="" alt="" />
    <div class="text">
    	orem Ipsum is simply dummy text of.
    </div>
    <div class="icons">
    	<a href=""><img src="http://web-tourist.net/forum/images/smiles/icon_biggrin.gif" /></a>
        <a href=""><img src="http://web-tourist.net/forum/images/smiles/icon_biggrin.gif" /></a>
        <a href=""><img src="http://web-tourist.net/forum/images/smiles/icon_biggrin.gif" /></a>
        <a href=""><img src="http://web-tourist.net/forum/images/smiles/icon_biggrin.gif" /></a>
    </div>
</div>
</body>
</html>

колкото и да ти е дълъг текста иконите винаги ще са под картинката и под текста, и в същото време ще са в средата.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе