Пограничные вопросы в CSS

Это может быть немного простой вопрос, чтобы спросить здесь ... Я новичок, так жаль, если это ...Пограничные вопросы в CSS

У меня возникли проблемы с границей CSS вокруг главной изображение на моем веб-сайте, у меня есть это, чтобы работать на моих страницах блога, но не может получить ту же самую работу стиля на плагине royalslider на моей домашней странице. В принципе, я хочу, чтобы он выглядел точно так же на главной странице, как и вокруг изображения на странице блога.

Рабочая Ссылка: http://alanbrandt.com/blog/copenhagen-wedding-photographer/

Не работает: http://alanbrandt.com/

Что я делаю неправильно?

CSS: 
.ab-royalslider { 
    position: relative; 
    zoom: 1; 
padding: 32px; 
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2); 
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);

EDIT: Это выглядит так, будто мы получаем там ... Спасибо за вашу помощь! У меня все еще есть нижняя граница, которая находится слишком далеко от изображения ???

Я надеялся достичь этого в таблице стилей CSS Royalslider для стиля .abSliderSkin, но я не могу заставить его работать ... :(Если у кого-то есть идеи о том, как я могу это улучшить, я бы очень его воспринял.

источник

2013-08-27 myatix

Какие границы вы говорите myatix? –

лучше добавьте коробку-тень на свою домашнюю страницу. Приятель –

@myatix не беспокойтесь о том, чтобы просить о помощи. Каждый был новичком один раз. – SaturnsEye

.ab-royalslider - добавить обивку: 42px 0;
#homepage, #stories - удалить margin
# new-royalslider-1 - есть встроенный стиль, высота должна быть около 415 пикселей; ширина: 684 пикселей;

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

источник

2013-08-27 09:28:17

Thanks для ответа ... :) – myatix

Как только я добавляю заполнение, похоже, что появляются 3 границы? Любые идеи почему? – myatix

Я просто посмотрел на него, и теперь это хорошо, просто сделайте # new-royalslider-1: height 415px! Important; и .rsContent img: padding: 0px; –

Я думаю, вы должны сначала проверить свой div. вторых, вы не в основном контейнер отличается.

Это мой первый relply надеюсь, это поможет вам.

источник

2013-08-27 08:47:30 fiction

Я добавил div, и это помогло проблеме, но не разрешило ее ... :(Теперь он появляется на главной странице, но не выровнен по центру? – myatix

Это может быть потому, что во втором звене нет элемента класса ab-royalslider, поэтому вам придется применить тень к другим элементам. Попробуйте использовать .rsOverflow или .royalSlider.

источник

2013-08-27 08:49:28 Janko

У меня есть граница для показа на сайте, но теперь это просто не будет выравниваться по центру, как это происходит на странице, где она уже работает – myatix

Я думаю, что это правильный способ сделать это, добавив стиль в собственный стиль royalslider, но как я могу обеспечить, чтобы граница была достаточно далеко от изображение и выровнены по центру? Спасибо – myatix

Я не знаю, что вы имеете в виду с aligend в центре точно, но одна потенциальная проблема установки тени в элементе royalslider заключается в том, что она имеет фиксированную высоту, а изображение внутри может не быть точно так же, что приводит к нежелательным эффектам «вспенивания тени». Я постараюсь не устанавливать фиксированную высоту этого элемента, а затем настраивать его на его содержимое (переполнение: скрытое и такое). – Janko

Ну, я думаю, вы должны отключить «оптимизацию/объединение CSS» в области администратора, поэтому мы можем указать, что нужно редактировать в каком файле, потому что прямо сейчас мы получаем оптимизированный/комбинированный файл css выяснить, какой файл имеет неисправность действительно трудно

источник

2013-08-27 09:29:37

Done ... SOrry о том, что ... – myatix

Вам нужно сделать изменения в ваших CSS файлов:.

http://alanbrandt.com/wp-content/cache/minify/000001/ZYxBCoAwDAQ_ZImefEhfkLZRgjGFpCL6esWT4m1nZ9kBctWGuYWp2hpGYM2yFXLI7uDtEPKuBxTUZKilPb3eWxQ-6a9mUjKUbgClPVg9UFy4kIFwgje_8v8GU3xMXFg_cAE.css

на номер строки 1390

.rsContent IMG {

// Удалить край: 0px!важные, а также другие стили

}

http://alanbrandt.com/wp-content/cache/minify/000001/ZYxBCoAwDAQ_ZImefEhfkLZRgjGFpCL6esWT4m1nZ9kBctWGuYWp2hpGYM2yFXLI7uDtEPKuBxTUZKilPb3eWxQ-6a9mUjKUbgClPVg9UFy4kIFwgje_8v8GU3xMXFg_cAE.css

на номер строки 1392

.rsOverflow {

// Удаляем высота: 415px важные

}

Попробуйте это будет работать я выясняю эти изменения с помощью огненного ошибка

источник

2013-08-27 10:15:39

Привет ... Спасибо за ввод ... Все наладилось, но еще нет ... – myatix

Пограничные вопросы в CSS

ответ

Смежные вопросы