Отступы / поля для изображений в DIV - PullRequest
Новая
       25

Отступы / поля для изображений в DIV

0 голосов
/ 01 декабря 2010

Хорошо.Недавно я сделал некоторые обновления для этого веб-сайта.

http://annberingerart.com/index.php

После внесения незначительных изменений кажется, что поля и отступы для изображений на странице индекса изменились.Я хотел бы, чтобы между всеми изображениями было одинаковое заполнение как по вертикали, так и по горизонтали, а также постоянное поле.

Кроме того, я просматривал веб-сайт на MAC своего друга с установленным Safari 5, и вся оболочка, похоже, уменьшилась в размере, поскольку не могла содержать своих дочерних элементов, как это было до того, как я внес изменения.

Вы можете взглянуть на CSS в firebug, поскольку было бы слишком долго и чрезмерно размещать здесь 400+ строк CSS.

Любая и вся критика приветствуется, но я в основном хочу получить совет покак исправить эту проблему.

1 Ответ

5 голосов
/ 01 декабря 2010

Ваше горизонтальное поле вызвано пробелами / новыми строками, потому что изображения являются встроенными элементами (на самом деле это тип встроенного блока ...).

Если вы перемещаете изображения, у вас будет больше контроля надточные поля вместо зависимости от ширины пробела / новой строки.

Чтобы решить вашу проблему, вы можете:

  • плавать оставленные изображения;
  • присвойте оболочке левую, без правой и overflow:hidden;
  • присвойте всем изображениям правую (такую ​​же, как у левой обертки).
...