Pogledajte određenu poruku
Staro 28. 02. 2010.   #1
mb_sa
profesionalac
Qualified
 
Datum učlanjenja: 19.05.2007
Poruke: 123
Hvala: 13
3 "Hvala" u 3 poruka
mb_sa is on a distinguished road
Default Pozicioniranje slike u odnosu na tekst

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>
mb_sa je offline   Odgovorite uz citat