Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB58.7570
BTC/USD0.0000
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 28.10.2012, 22:49   #1
Xnokie
Юниор
 
Регистрация: 03.09.2012
Сообщений: 20
Бабло: $7640
По умолчанию Популярные статьи ДЛЕ

Здравствуйте.
Как сделать их с картинкой, что бы названию было справа от картинки?
К примеру как на этом сайте - alawar.org.ua
Пробовал так -
Цитата:
<li><a href="{link}"><img align="centr" width="150px" src="{image-1}"><br clear="all" /><b>{title}</b></a></li>
Но надписи отображаются под картинкой, а не рядом...
Xnokie вне форума  
Старый 28.10.2012, 23:12   #2
turbo
В чём сила, брат?
 
Аватар для turbo
 
Регистрация: 05.05.2007
Сообщений: 629
Бабло: $96688
По умолчанию

Цитата:
Сообщение от Xnokie Посмотреть сообщение
Здравствуйте.
Как сделать их с картинкой, что бы названию было справа от картинки?
К примеру как на этом сайте - alawar.org.ua
Пробовал так -
Но надписи отображаются под картинкой, а не рядом...
я бы это в css сделал, по другому хз как
сделай картинку в одном диве, титле в другом и примени float:left;
turbo вне форума  
Старый 29.10.2012, 00:04   #3
Xnokie
Юниор
 
Регистрация: 03.09.2012
Сообщений: 20
Бабло: $7640
ТС -->
автор темы ТС По умолчанию

Цитата:
Сообщение от turbo Посмотреть сообщение
я бы это в css сделал, по другому хз как
сделай картинку в одном диве, титле в другом и примени float:left;
а какой див юзать?
Xnokie вне форума  
Старый 29.10.2012, 09:15   #4
CAMOCBAJI
старый дрындулет
 
Аватар для CAMOCBAJI
 
Регистрация: 25.10.2009
Адрес: Central Asia
Сообщений: 877
Бабло: $155468
По умолчанию

<div>
<div id="kartinka">сюда картинку вставляешь</div>
<div id="title">сюда титл вставляешь</div>
</div>
а в css вставь
.kartinka{float:left;}
.title{float:right;}

это как пример
CAMOCBAJI вне форума  
Старый 29.10.2012, 09:28   #5
Алёша
Ебланнед
 
Регистрация: 30.03.2012
Сообщений: 180
Бабло: $177310
По умолчанию

имхо .title{float:right} уже лишнее
и если уж id= используешь, то не .kartinka, а #kartinka
в противном случае надо class=
Алёша вне форума  
Старый 29.10.2012, 17:12   #6
Xnokie
Юниор
 
Регистрация: 03.09.2012
Сообщений: 20
Бабло: $7640
ТС -->
автор темы ТС По умолчанию

Цитата:
Сообщение от Алёша Посмотреть сообщение
имхо .title{float:right} уже лишнее
и если уж id= используешь, то не .kartinka, а #kartinka
в противном случае надо class=
Сделал
Цитата:
#kartinka{
float:left;
}

#ypypy{
float:right;
width: 64px;
height: 64px;
margin: 20px;
padding: 20px;
}

<li>
<div>
<div id="#kartinka"><a href="{link}"><img align="centr" width="100px" src="{image-1}"></a></div>
<div>
<div id="#ypypy"><a href="{link}"><b>{title}</b></a></div>
</div>
</div>
</li>
надписи по прежнему под картинкой..
Xnokie вне форума  
Старый 29.10.2012, 18:02   #7
Алёша
Ебланнед
 
Регистрация: 30.03.2012
Сообщений: 180
Бабло: $177310
По умолчанию

Цитата:
Сообщение от Xnokie Посмотреть сообщение
Сделал

надписи по прежнему под картинкой..
id=#kartinka
кириллица в стилях
гора дивов блять

#kartinka{float:right}

#nadpisi{
width: 64px;
height: 64px;
margin: 20px;
padding: 20px;
}

<li>
<div id=kartinka><a href="{link}"><img align="centr" width="100px" src="{image-1}"></a></div>
<div id=nadpisi><a href="{link}"><b>{title}</b></a></div>
</li>
Алёша вне форума  
Старый 29.10.2012, 18:15   #8
turbo
В чём сила, брат?
 
Аватар для turbo
 
Регистрация: 05.05.2007
Сообщений: 629
Бабло: $96688
По умолчанию

Цитата:
Сообщение от Xnokie Посмотреть сообщение
Сделал

надписи по прежнему под картинкой..
ты наверное всё что знал в css, всё туда запихал?
во первых ширина и высота для блока с текстом 64px - чё ты там хочешь уместить.
во вторых нахуя столько дивов?...
короче не еби мозг, оставь как есть
turbo вне форума  
Старый 29.10.2012, 21:12   #9
Алёша
Ебланнед
 
Регистрация: 30.03.2012
Сообщений: 180
Бабло: $177310
По умолчанию

Цитата:
Сообщение от turbo Посмотреть сообщение
во первых ширина и высота для блока с текстом 64px - чё ты там хочешь уместить.
из которых 40 на padding ушло
Алёша вне форума