By scott815 on

If you go to site http://www.ytbvacationrentals.com/node/30

I am new and learning all the time and might be close to fixing this but any help would be good.

If you go to page above I am trying to change it so the picture will go from left to right instead of one on top of each other. Trying to do it through php or css but no luck yet. Trying to get this node to look correct.

Thank in advance for any help I can get.

⋅ Categories: Drupal 5.x

Comments

zbricoleur’s picture

zbricoleur commented

Try adding this to your CSS:
.field-field-photo .field-items { float: left; }
.field-field-photo .field-item { float: left; }
.field-field-owner-manager-display-nam { clear: left; }

scott815’s picture

scott815 commented

I tried it and now it has the pictures on the left and now text is moved up and next to the pictures. What I am trying to do is line up all the pictures on the same row almost like first row in a table so I do not waste so much space.

zbricoleur’s picture

zbricoleur commented

...because I downloaded your page, changed all the URIs to absolute URIs, added the CSS I suggested above, and got a nice row of pictures. Where exactly did you add the CSS?

scott815’s picture

scott815 commented

I see what I did. I added it to the wrong css file. I ended up adding to the content.css and worked. Next have to work on the border for the image. Do you know if that in same place or different css?

zbricoleur’s picture

zbricoleur commented

...is not to alter core files such as content.css. Instead, add your additional CSS to the style.css file in your theme. That file gets loaded last, so stuff you put in there will override core CSS files. And it won't get overwritten when you upgrade to the next version of Drupal.