Thread

Hi,

For better understanding I’ve made a template with Photoshop.
See image Template Image
http://img522.imageshack.us/img522/3027/34926110oa1.gif

Now I want that dddddddd text will be replaced with dynamic generated text. and also a image of fix size as shown in template.

How can I achieve this?

I’m using CI for site development.

Thank you.

Well if you give the image a float:right designation the text will wrap around it and a margin left and bottom to give your image some breathing room.

As for pulling the text from the database you would do that in the normal manor.

I hope have understood your problem as being a css one, not a programming one.

-Lee

some more code will be helpful.yes my problem is with CSS.
Thank you

The way i would do it is to give the image a class, put it in the main part of the site and pull it up using a negative margin-top. The basic css for this would be

#header
 { 
   width:600px; /* to prevent the content from disappearing  under the image */
   height:200px;
 } 
#main
 {}
#headerimg
 {
   float:right; 
   width:200px; 
   margin-top:-200px;
 }

This will not work in every browser and i don’t know if the header changes its content so that the height changes but it’s a start. I assumed the site has a fixed layout 800px wide.

If you want a more robust solution i would suggest you check out the blueprint css framework.

thank you for help.

I will modify code as per requirement not a big issue.

Thank you.