SEO форум вебмастеров TalkWebber.ru

Чтобы пользоваться всеми его возможностями, необходимо зарегистрироваться. Без регистрации Вы сможете только читать определенные темы. Мы будем благодарны, если Вы примите участие в нашем проекте и будете развивать форум вместе с нами!

  • Хотите поместить баннер на наш сайт или закрепить свою тему с цветом? Зайдите в эту тему!

Прошу помощи с CSS и HTML

Astakhov

Гость
Пользователь
Регистрация
03.18
Сообщения
3
Репутация
0
Возраст
22
#1
Коллеги и товарищи, добрый день!
Присутствующих на форуме представительниц прекрасного пола - с прошедшим восьмым марта!

Ранее разбирался неплохо в CSS и HTML, но со временем что-то пошло не так. Видать, отупел немного.
Друзья, прошу вашей небольшой помощи. Делаем новостной сайт. Сделали всё, но, зараза, не получается сделать вывод новостей. Вот что-то не получается.
На скрине, как хотелось бы получить в результате так: (создано в фотошопе)
Снимок1.png

Сейчас это выглядит так:
Снимок.PNG

Сам код:
HTML:
<div class="short-story">
    <div class="article-img"><img src="[xfvalue_image]" alt="image" ></div>
      
    
</div>
CSS:
  .short-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
height:180px;
}
.article-img {
float: left;
width: 250px;
height:180px;
text-align: center;
}

.article-img img {
    width: 250px;
    height: 180px;
}
Очень прошу вашей помощи. Надеюсь, добрые люди тут есть.

П.С: Я понимаю, что сделать это на уровне первого класса, но, блин, не знаю почему, но не получается.

Также, хочу уточнить один момент. Можно ли через CSS сделать так, чтобы размер шрифта заголовка изменялся в зависимости от количества символов?
 

jakal

Talkwebber'овиц
Проверенные
Регистрация
12.09
Сообщения
1,948
Репутация
722
#2
Если html-код с short-story, то где тег {short-story}?
Давайте ссылку на сайт, надо глянуть что там творится. Не совсем понятно, что хотите добиться,
если нет текста на белых полях, то где он? Может теги не все в шаблон подключены?
 

Astakhov

Гость
Пользователь
Регистрация
03.18
Сообщения
3
Репутация
0
Возраст
22
#3
Если html-код с short-story, то где тег {short-story}?
Давайте ссылку на сайт, надо глянуть что там творится. Не совсем понятно, что хотите добиться,
если нет текста на белых полях, то где он? Может теги не все в шаблон подключены?
Спасибо за отклик!
Дело в том, что мне нужна просто разметка этого шаблона, чтобы можно вместо текста вставить соотвествующие коды и получить готовую картинку. Сайт, к сожалению, расположен на Denwer.
 

jumo

пятниЦо покарал )
Проверенные
Регистрация
01.11
Сообщения
566
Репутация
262
Возраст
25
#4
Спасибо за отклик!
Дело в том, что мне нужна просто разметка этого шаблона, чтобы можно вместо текста вставить соотвествующие коды и получить готовую картинку. Сайт, к сожалению, расположен на Denwer.
Отпиши мне в скайп pashok67, если я правильно понял, тебе нужно в левом блоке сделать вывод картинки слево и отдельно справа от нее инфо о посте, заголовок и текст. Вообщем думаю помочь смогу
 

Astakhov

Гость
Пользователь
Регистрация
03.18
Сообщения
3
Репутация
0
Возраст
22
#5
Отпиши мне в скайп pashok67, если я правильно понял, тебе нужно в левом блоке сделать вывод картинки слево и отдельно справа от нее инфо о посте, заголовок и текст. Вообщем думаю помочь смогу
Отписал Вам в скайп, вы не отвечаете...