Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: несколько вопросов по верстке

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
daglas1
Отправлено: 30 Марта, 2012 - 22:23:55
Post Id


Посетитель


Покинул форум
Сообщений всего: 329
Дата рег-ции: Июль 2011  


Помог: 1 раз(а)




Скопилось парочку вопросов по верстке таблиц и картинок.
Вобщем есть таблица внутри которой проецируется информация о группах из соц сети. Аватарка группы, ее описание и прочая инфа.
1) нужны рамки вокруг картинок (пробовал border для img по он не дает границ не под фаерфоксом не под хромом).
2) нужно сделать растояние между блоками к оторые проецируется информация о группах и они тоже должны быть в рамочке. Т.е. или сделать отдельные таблици под каждую группу а всех их вндрить в одну большую однострочную таблицу внутри которой будет только один ряд сотяощий из вложенных таблиц.
3) как прзместить по краям от таблици изображение со стрелочками? Под них уже написал скрипт для пермотки содержимого страниц.
Ссылки на макеты
http://s019[dot]radikal[dot]ru/i632/1203[dot][dot][dot]b0b4e8b95f1c[dot]jpg - верстка 1
http://s019[dot]radikal[dot]ru/i617/1203[dot][dot][dot]c52d496efd18[dot]jpg - верстка 2
 
 Top
ExeN-321
Отправлено: 31 Марта, 2012 - 16:53:31
Post Id



Новичок


Покинул форум
Сообщений всего: 9
Дата рег-ции: Апр. 2011  


Помог: 0 раз(а)




Сам бьюсь над подобным вопросом, хотел уже новую тему создавать...
Мои наработки:Вся информация размещается в DIVах, примерно так:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div class="newsContainer">
  3. <p><span class="header">Конев А.В. - А росы здесь тихие</span></p>
  4.  <img src="images/covers/4.jpg" width="120" height="153" border="0" alt="" />
  5. <p><span class="info">Количество страниц: 457</span></p>
  6. <p><span class="info">Размер: 12,45мб</span></p>
  7. <p><span class="info">Формат: PDF</span></p>
  8. <a href="index.php">Подробнее</a>
  9. </div>
  10.  

Рамки вокруг DIVов делал так:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. div.newsContainer {
  3.  display: inline-block;
  4.  margin: 10px; padding: 10px;
  5.  border-radius: 10px 10px 10px 10px;  /* Уголки */
  6.     border-color: #D8D8D8; /* Цвет рамки */
  7.     border-width: 10px;
  8.     border-style: solid;
  9. }
  10.  

Вокруг картинок не делал, мне это не надо, но отступы и рамки и тут помогут.

У меня проблема следующего рода: если количество информации в одном из блоков больше, чем в остальных, то дизайн сыпется.
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB