Изменить пробел между тегами div в CSS

Question

У меня есть сайт, на котором я хочу изменить пространство между некоторыми элементами. Я мало что знаю о CSS. Я новичок в этом. Вы можете увидеть сайт здесь. Это сейчас находится на временном доменном имени: timepasssite.hostoi.com.

1. Я хочу уменьшить пространство между логотипом и основным меню1 ... Домой..Добавить список. Мне нужно перемещать его на небольшое расстояние.
2. Я также хочу переместить окно поиска в строку главного меню1.
3. Я хочу двигаться вверх Рекомендуемые Список товаров рядом с земным фото 4 px расстояние должно быть достаточно. Листинг Категории move Up close to Featured Listings 2 px distance ..

Может ли кто-нибудь мне помочь, как это сделать?

Вот файлы common.css и style.css ..

Скачать Common.cssStyle.css

Изображение:

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

Answer 1

Я видел ваш css. В этом padding: 7px 10px 10px; пространство между меню и логотипом, а также вы также указали высоту. уменьшают прокладку, а также свойство margin-top.

лучше сообщите ваши коды

Answer 2

делают это изменение в common.css удалить нижний интервал логотипа -

div#logo { 
    padding: 15px 0 0 0; 
    text-align: center; 
} 

Answer 3

1. 2, 3

Я думаю Вы можете использовать margin-topbottom или свойство

или padding

Answer 4

Вообще говоря, вы должны использовать margin, padding или в случае абсолютного, left, top отношении расположения и т.д. ...

Для того, чтобы уменьшить пространство между вашим логотипом и в главном меню, вы должны уменьшить (или удалить) свойство padding-bottom в div#logo CSS, расположенное на common.css, как это:

div#logo { 
    padding: 15px 0 0 0; 
    text-align: center; 
} 

Для панели поиска СМЧА содержатся внутри родительского DIV, встроенный стиль. Вам придется переопределить свойство top в вашем файле css и присвоить ему значение -50 как значение.

Теперь у вас есть общая идея, я думаю, вы можете управлять своими другими проблемами.

Я настоятельно рекомендую вам использовать Firebug (расширение для Firefox/Chrome).

Не стесняйтесь задавать вопросы.

Answer 5

Общее.CSS, найти это:

div#logo 
{ 
    /*width: 185px; 
    height: 75px; 
    float: left;*/ 
    text-align: center; 
    padding:15px 0px; 
} 

Когда два значения для атрибута padding, они определяют верхний/нижний и левый/правый значения. Поэтому в настоящий момент на верх и низ логотипа нанесено 15px прокладок. (См. http://www.w3schools.com/cssref/pr_padding.asp.) . .

Измените линию padding:15px 0px; на padding: 15px 0px 0px 0px; - это приведет к тому, что все отступы будут установлены на 0, кроме верхней части, которая останется на 15 пикселей.

У вас должно быть найти другое решение для других запросов: найдите идентификатор контейнера в HTML, затем найдите CSS для id. Например, если Featured Listing находится в <div id="featured">, посмотрите в CSS для div#featured и отредактируйте свойство заполнения.