Zdravo.
Imam html strkuturu kao sto je ispod navedeno. Tekst se izvlaci iz baze (razlicita duzina), a na dnu se nalazi jpg slika koja zapravao predstavlja print iconu ciji se html nalazi u template fajlu, dakle ne unosi se zajedno sa tekstom, naravno.
Sa obzirom da je tesko da obasnim sta tacno zelim da postignem, najbolje da pogledate slike.
Prva slika pokazuje sta sam uspio da uradim i koji je problem. (slika ide preko teksta, zapravo nije zauzela svoj "prostor" i pomakla tekst u desnu stranu).
Druga slika je ono sto želim da postignem.
Zahvaljujem na pomoci.
1.
http://img220.imageshack.us/img220/8494/trenutno.jpg
2.
http://img90.imageshack.us/img90/853...jepotrebno.jpg
Kôd:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>
<body>
<div id="text">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices lectus in dolor luctus nec molestie mauris aliquet. Nunc tincidunt massa sit amet metus tempus viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec sem sit amet nunc luctus laoreet et semper sapien. Nunc ac dolor et tellus aliquam euismod in sodales turpis. Pellentesque aliquet nisi et tellus congue tincidunt auctor massa ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget nisi mauris, eu euismod diam. Phasellus viverra odio non elit auctor egestas. Integer sed est tortor, id suscipit nibh. Nullam elementum tortor id neque mattis ut ultricies elit lobortis. Fusce quis purus risus. Pellentesque elementum ante eget elit mattis quis fringilla tellus tincidunt. Cras adipiscing tristique interdum. Curabitur quis lacus nec massa fermentum semper. Praesent nisl enim, semper in rutrum at, suscipit et nisl. Pellentesque quis mi nec purus faucibus consectetur. </p>
<p> Integer in suscipit purus. Integer arcu lorem, dapibus quis vehicula posuere, vestibulum non leo. Etiam euismod iaculis ultrices. Sed semper neque vitae arcu varius sagittis. Proin tempor risus adipiscing turpis facilisis non pulvinar diam rutrum. Phasellus vitae sem ligula. Aliquam eleifend, tellus vel hendrerit dapibus, urna neque posuere nisi, id rhoncus metus massa eu massa. Pellentesque congue ullamcorper suscipit. Quisque vitae dictum augue. Nulla ut odio dui, ut tempor metus. Nam facilisis hendrerit magna, ac dignissim lacus facilisis at. Proin imperdiet mollis dolor, non pharetra nisi fermentum quis. Suspendisse cursus sagittis vestibulum. Aenean id tortor ligula. </p>
<p> Aliquam erat volutpat. Fusce gravida dignissim ipsum ac feugiat. Aenean luctus turpis augue, vel vestibulum orci. Integer bibendum semper enim vitae interdum. Fusce consequat, augue sed tincidunt consequat, nibh orci tristique metus, sit amet convallis ipsum felis eu dui. Duis ac lacus quis tortor lacinia ultricies vitae quis velit. Nunc in lacus nisl, eget iaculis felis. Morbi interdum, purus vel dapibus accumsan, sem quam ultrices quam, vel commodo metus dui ut velit. Vestibulum sit amet ligula a est faucibus iaculis quis ac eros. Nulla facilisi. </p>
</div>
<div style="margin-top:-75px; float:left; width:50px; height:50px; position:relative; z-index:100"><img src="images/print-icon.jpg" alt="" width="50" height="50" /></div>
</body>
</html>