Форум Сайтостроение Веб-строительство

Как выставить 2 картинки в ряд?

NC
На сайте с 04.12.2013
Offline
6
nazar-com
1101

Две картинки выстраиваются одна под другой

CSS

#jjSearch {

display: block;

background: transparent url(../images/fb.png) no-repeat left top;

float: right;

height: 40px;

margin-top: 165px;

width: 300px;

}

#jjSearch a {

display: block;

background: transparent url(../images/vk.png) no-repeat right top;

float: right;

height: 40px;

margin-top: 165px;

width: 300px;

}

#jjSearch input.inputbox {

background: none;

border: none;

color: #372C10;

float: left;

font-size: 1.1em;

font-weight: bold;

margin: 1px 0 0 6px;

padding: 4px 0 0;

width: 300px;

}

HTML

<div id="jjSearch">

<a href="https://www.facebook.com/pages/%D0%A7%D0%B5%D1%80%D0%BA%D0%B0%D1%81%D1%8C%D0%BA%D0%B8%D0%B9-%D0%B0%D0%BA%D0%B0%D0%B4%D0%B5%D0%BC%D1%96%D1%87%D0%BD%D0%B8%D0%B9-%D0%BC%D1%83%D0%B7%D0%B8%D1%87%D0%BD%D0%BE-%D0%B4%D1%80%D0%B0%D0%BC%D0%B0%D1%82%D0%B8%D1%87%D0%BD%D0%B8%D0%B9-%D1%82%D0%B5%D0%B0%D1%82%D1%80-%D1%96%D0%BC%D0%A2%D0%93%D0%A8%D0%B5%D0%B2%D1%87%D0%B5%D0%BD%D0%BA%D0%B0/315359538492992"><img src="images/fb.png"></a >

</div>

<div id="jjSearch a">

<a href="https://vk.com/club32121977"><img src="images/vk.png"></a >

</div>

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

u3Bepr
На сайте с 03.03.2011
Offline
60
u3Bepr
#1

display:inline-block; пробовали?

[Удален]
#2

nazar-com, имя идентификатора должно начинаться с латинского символа и может содержать в себе символ дефиса (-) и подчеркивания (_). Исправьте #jjSearch a на #jjSearch-a или #jjSearch_a, и все заработает.

NC
На сайте с 04.12.2013
Offline
6
nazar-com
#3

Исправьте #jjSearch a на #jjSearch-a или #jjSearch_a, и все заработает.

Сделал так и картинка куда то исчезла.

display:inline-block; нечего не изменил, я ставил его в оба блока, или надо было только в какой то 1?

Google AdSense улучшил адаптивные Google AdSense запустил новый Google изменил формат отображения
[Удален]
#4

nazar-com, поменять надо и в стилях и в коде страницы!

Если вы не можете разобраться, выкладывайте тогда код целиком.

NC
На сайте с 04.12.2013
Offline
6
nazar-com
#5

Не могу разобраться

---------- Добавлено 29.12.2013 в 14:54 ----------

Вот HTML блок который я хочу выставить вряд:

<div id="jjTopOptions">

<!-- SEARCH -->

<div id="jjSearch">

<a href="https://www.facebook.com/pages/%D0%A7%D0%B5%D1%80%D0%BA%D0%B0%D1%81%D1%8C%D0%BA%D0%B8%D0%B9-%D0%B0%D0%BA%D0%B0%D0%B4%D0%B5%D0%BC%D1%96%D1%87%D0%BD%D0%B8%D0%B9-%D0%BC%D1%83%D0%B7%D0%B8%D1%87%D0%BD%D0%BE-%D0%B4%D1%80%D0%B0%D0%BC%D0%B0%D1%82%D0%B8%D1%87%D0%BD%D0%B8%D0%B9-%D1%82%D0%B5%D0%B0%D1%82%D1%80-%D1%96%D0%BC%D0%A2%D0%93%D0%A8%D0%B5%D0%B2%D1%87%D0%B5%D0%BD%D0%BA%D0%B0/315359538492992"><img src="images/fb.png"></a >

</div>

<div id="jjSearch_a">

<a href="https://vk.com/club32121977"><img src="images/vk.png"></a >

</div>

</div>

</div>

Что тут надо изменить?

Отложенная загрузка элементов страницы Кликабельный фон BODY Помогите с версткой пожалуйста...
melkozaur
На сайте с 06.04.2010
Offline
534
melkozaur
#6

<a href="https://www.facebook.com/pages/"><img src="images/fb.png"></a ><a href="https://vk.com/club32121977"><img src="images/vk.png"></a >

и будет все в строку.

dominatos
На сайте с 18.01.2008
Offline
101
dominatos
#7

table в помощь.

Услуги хостинга (http://alteron.net) - обращайтесь. Всегда будем рады!
[Удален]
#8

nazar-com, в стилях убрали пробел в имени идентификатора?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий