Перейти к содержимому



Фон

#1 Bender
Bender
  • Неактивные
  • 712 сообщений
  • Репутация: 0
0

Отправлено 13 Декабрь 2008 - 21:14

Что-то не могу допереть, как через CSS сделать чтобы у ячейки был один фон-рисунок, и еще поверх логотип тоже как фон?

 

 

  • 0

#2 Vialls
Vialls
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 13 Декабрь 2008 - 22:05

http://htmlbook.ru/css/background.html - с помощью этого делаем фон. А сферху наложить еще логотип, только имагу внутрь ячейки. Скажите зачем вам это, и я возможно дам вам совет, как сделать подругому.
  • 0

#3 Bender
Bender
    Topic Starter
  • Неактивные
  • 712 сообщений
  • Репутация: 0

Отправлено 13 Декабрь 2008 - 22:27

Чтобы шла полоска и с ней соединялось лого, как здесь шапка _http://diamond.smartkot.ru/ ,и чтобы это было как фон, я не знаю как на моем движке положить рисунок
  • 0

#4 Vialls
Vialls
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 13 Декабрь 2008 - 22:34

Бекграунд должен быть изображением полоски, высота которого не превышает саму высоту (ширину) полоски.
Код будет выглядеть примерно так:
.....
<td style="background-image: url(my_logo_bg.png); background-position: top; background-repeat: repeat-x;">
<img src="my_logo.png" alt="Логотип" />
</td>
.....

А как фон и лого, и бекграунд не получится наложить. Так-же можно не в ячейку имагу ложить, а абсолютным позицинированием ее подвинуть в нужное место (читайте про CSS-свойство position).
  • 0

#5 Vialls
Vialls
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 13 Декабрь 2008 - 22:56

Я вам пример сделал, посмотрите, разбиритесь...

Изображение
  • 0

#6 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 13 Декабрь 2008 - 23:17

еще можно сделать по такому принципу
<table>
  <tr background="нижний фоновый рисунок">
	<td background="верхний фоновый рисунок">  </td>
  </tr>
</table>

  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



#7 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 13 Декабрь 2008 - 23:20

А можно сделать ещё проще :)
У нас есть таблица с лого
........
<style type="text/css">
table.logo
{
	  background: transparent url('logo.jpg') top left no-repeat;
}
td.bglogo
{
	  background: transparent url('картинка_шириной_1px') top repeat-x; /*фон повторяется по оси x(ширине)*/
}
</style>
............
<table class="logo" cellpadding="0" cellspacing="0">
   <tr>
	  <td class="bglogo"></td>
   </tr>
</table>

А вообще с подобным можно поиграться и сделать как тебе нужно, обе картинки будут фоном :(
  • 0

#8 Vialls
Vialls
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 13 Декабрь 2008 - 23:29

ТОлько я не вижу смысла делать оба рисунка фоном, тем более логотип... ИМХО это тупо )
  • 0

#9 ZiTosS
ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 14 Декабрь 2008 - 00:10

Это был пример, а как делать, решать топикстартеру :P

Кстати, в моём способе надо не забыть поставить размеры table по высоте и ширине :)
  • 0

#10 FordogeN
FordogeN
  • Неактивные
  • 1 414 сообщений
  • Репутация: 0

Отправлено 14 Декабрь 2008 - 20:37

ну может там просто должна быть динамическая область (чтоб текст можно было менять на пример через переменную)
  • 0

Как настроить выдержку и диафрагму зеркального фотоаппарата



robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 480 5 тем, 65 сообщений, 4 балла репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 378 Вне конкурса за определение пользователя месяца

  • Фотография Chaser
    #3

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

  • Фотография lena220678
    #4

    lena220678
    Очков активности: 33 1 тема, 19 сообщений, 1 балл репутации

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

  • Фотография maxnik
    #6

    maxnik (konovalovpavel.ru)
    Очков активности: 24 0 тем, 8 сообщений, 2 балла репутации

  • Фотография Rodiola
    #7

    Rodiola (rukodelkovo.ru)
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография Constantine
    #8

    Constantine (constantine.video.blog)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (24ho.ru)
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография NataliaAntalia
    #10

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 15 0 тем, 10 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.08.2019
  • Яндекс выдача: 15.09.2019
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru