I had a web page with pictures and text next to the pictures going down the page. Each picture was placed over the text box. When I resized the text went over the pictures.
I had the picture in each text box with the name and a new text box for each person but again as I resized the page all the boxes ran together.
I did better with a text box and list all the names going down with pictures. I then inserted the picture inline with the text so that as I resized the picture stayed with the text. This worked great, however; the picture with hyperlinks stopped working.
I am using standard font Helvetica.
Here is the page I am working on. See how I am trying to keep the text next to and under the pictures.
Note when you resize the page there is a jump in size of the text but I did not put this in. It happens at the breakpoint I think but I did not change anything there.
Question, how can I create a picture with a hyperlink and have it stay with the text when resizing?
for a simple design like that, I'd use a fixed breakpoint so the image + text doesn't move or resize... problem solved?
Yes, the fixed breakpoint kept everything from resizing nice so I took the breakpoint and made it fixed, however; I also noticed the minimum width was not expanded out to full length and that seemed to help too.