...

View Full Version : images and text



jcdevelopment
10-29-2007, 04:33 PM
what is the best and easiest way to have text in an image. To say we had navigation side bar that i have repeating down. What is the easiest way to put tex or links into each of the boxes that repeat. I know there is a way i see it all the time. Any suggestions will help, and please let me know if you dont understand what im talking about...

abduraooft
10-29-2007, 04:36 PM
applying CSS to navigation?

jcdevelopment
10-29-2007, 04:40 PM
well, yes but you have a box as an image lets say 50x50. You repeat that image down about 400px. So now basically you have 8 boxes, right. Now i want to put links in each of those boxes, do i have to set a dive to each link with absolute position, or is there a way to place text in each box inside that div?

abduraooft
10-29-2007, 04:54 PM
Hmm... please have a look at http://www.w3schools.com/html/html_lists.asp

gnomeontherun
10-29-2007, 04:56 PM
In order to have the most control over the location of the text, you could also make 8 divs 50x50 with the text located where you want it. That way in case fonts change or text size changes from browser to browser you will still have the text located within the individual images.

Otherwise you can use html lists and do some styling to get the desired effect.

jcdevelopment
10-29-2007, 05:00 PM
ok cool, so there is no other way to control it better that 8 divs

gnomeontherun
10-29-2007, 05:06 PM
You could use the HTML list (bullet list) and set the properties of the items with CSS, or you can use 8 divs inside of another div. This may be easier or harder, I think it just depends on what you want to do and what you know how to do. I think both can be considered correct assuming I understand what you are really describing.

jcdevelopment
10-29-2007, 05:22 PM
ok, yeah you know what im trying to do. I think the lists would be the easier and the most organized way to approach it, thanks guys

jcdevelopment
10-29-2007, 05:52 PM
sorry, just one more question. How would you define the space of the listings as far as a how far apart they are from top to bottom? I tried List-style-position but it wont work that way, is there any other way?

dcostalis
10-29-2007, 05:59 PM
#divname li
{
line-height: 50px;
}

*edit ^ that will work for one div with a list. maybe better is:



.classname li
{
line-height: 50px;
}

if you'll be using it in more than one place

jcdevelopment
10-29-2007, 06:04 PM
awsome, thanks pal...

jlhaslip
10-29-2007, 09:43 PM
Use php and the GD Library to write the text onto each Image at run time?

michael180
10-29-2007, 10:59 PM
I want to add a caption under an image on one of my pages. The page is coded entirely in CSS, no tables.

I can't seem to find any information. Any suggestions.

Thanks,

michael180
10-29-2007, 11:00 PM
Opps! This should not be here. Sorry!

jcdevelopment
10-29-2007, 11:17 PM
Use php and the GD Library to write the text onto each Image at run time?

i would use php, but the fact that it is only 1 image, i would once again be right back at 8 divs, i belive

gnomeontherun
10-30-2007, 09:09 PM
Using PHP would actually then 8 different images with the text embedded directly into the image. I would avoid that since its not searchable and takes more time to load.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum