Уважаемые гуру помогите по html а то уже голова кипит.

Maxim-KL
На сайте с 26.01.2011
Offline
350
507

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

И так у нас есть:


<div class="image" style="position: relative;"><a href="http://www.site.ru/maxim-kl/">
<img class="alignnone size-full wp-image-2214" src="https://s.pr-cy.ru/userpics/466.png" alt="" border="0" /><br>
<a href="http://www.site.ru/maxim-kl/">maxim-kl</a></a><a href="skype:maximgroups?chat">
<img style="border: none; height: 26px; width: 26px; position: absolute; top: 5px; left: 5px;" src="http://mystatus.skype.com/mediumicon/maximgroups" alt="My status" /></a></div>

В итоге получается:

Как сделать так что бы надпись "Maxim-KL" была в притык к изображению?

Вот так:

Кто может помогите пожалуйста а то у меня уже чердак уезжает и не варит а доделать надо сегодня срочно.

Всем заранее огромное спасибо за помощь.

Мои услуги по прогонам: ✅Качественный ручной статейный прогон по базе сайтов с ИКС10+ (maximgroups.net/progon-statejnyj) ✅Прогон Максимум - Все включено, 300+ качественных ссылок (maximgroups.net/progon-maksimum)
N
На сайте с 08.10.2011
Offline
188
#1

Посмотрите отступ в этом классе class="alignnone size-full wp-image-2214"

Maxim-KL
На сайте с 26.01.2011
Offline
350
#2

noiws, Да я так же понял что нужно ковырять там но никак не пойму как это сделать..((

78884115
На сайте с 28.11.2012
Offline
43
#3

вставил код в чистую страницу, отображается как Вы желаете, тестировал на opera

N
На сайте с 08.10.2011
Offline
188
#4
Maxim-KL:
noiws, Да я так же понял что нужно ковырять там но никак не пойму как это сделать..((

Что именно непонятно?

Coolmac
На сайте с 08.09.2011
Offline
60
#5

Так покажите сайт. А то не видно, что у Вас со стилями там.

Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)
lutskboy
На сайте с 22.11.2013
Offline
192
#6

Так если уже чердак уезжает, то почeму не сделать для етой ссылки position: absolute; bottom:-5px;left: 5px; так как и для

<img style="border: none; height: 26px; width: 26px; position: absolute; top: 5px; left: 5px;" src="http://mystatus.skype.com/mediumicon/maximgroups" alt="My status" /></a></div>

N
На сайте с 08.10.2011
Offline
188
#7

Maxim-KL, берешь мозиллу, выделяешь необходимый элемент, жмешь правую кнопку и он покажет сам класс, где можно изменить. Менять либо padding либо margin

Maxim-KL
На сайте с 26.01.2011
Offline
350
#8

Все народ решил проблему, все ок. Даже не знаю как так мог натупить... Ну иногда бывает что голова совсем не варит от работы. Всем огромное спасибо за помощь...

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