нужно разместить мод часов в центре header'а. Как?

nemalio

Новичок
8
0 / 0

нужно разместить мод часов в центре header'а. Как?

« : 02.07.2009, 17:55:45 »

Добрый день.

Моя ситуация: Хочу чтобы были часы на фоне фирменной символики, по центру. То-есть: На переднем плане часы 120*120px; а на заднем плане: header 1280*300px; Так вот... Позиция: banner, естественно в css захожу, там ставлю по центру, но часы наплывают на контент, на 300px ниже того места где хотелось бы... При позициях по сторонам, ничего никуда не смещается, а выделяется просторанство 1280*120px;
Как поместить часы на фоне header????

Записан

Yurets

Захожу иногда
405
92 / 0
Губернатор острова Борнео

Re: нужно разместить мод часов в центре header'а. Каl

« Ответ #1 : 02.07.2009, 17:59:44 »

Смайликов SOS нужно вообще-то 20, а не 19...

А по теме ничего не понятно.

Записан

_{В комнате с белым потолком}

nemalio

Новичок
8
0 / 0

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #2 : 02.07.2009, 18:04:57 »

Убедительная просьба - по теме. Так как я очень ограничен по срокам. То есть - горит!!!
Буду рад любому совету, который поможет исправить положение.

Записан

doctorgrif

Давно я тут
745
82 / 1
Нудный доктор

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #3 : 02.07.2009, 18:09:36 »

веб-мастер - это звучит гордо

в подписи (крайняя справа) ссылка на мануал для размещения

Записан

nemalio

Новичок
8
0 / 0

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #4 : 02.07.2009, 18:18:51 »

Господа, я спрашиваю у Вас, потому что Вы обладаете бОльшими знаниями в этой области. Это достойно уважания. Если бы я захотел разместить, допустим 3000 смайликов, а не 19, то я бы наверное так и сделал. Ну и если б ине захотелось, различных супер цитат, типо; "веб-мастер - это звучит гордо" то думаю, тоже б не расстерялся. Поэтому, давай всетаки уважать наше с вами время, и не писать то, что бесполезно. ;-)

Записан

Yurets

Захожу иногда
405
92 / 0
Губернатор острова Борнео

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #5 : 02.07.2009, 18:21:41 »

Цитировать

Позиция: banner, естественно в css захожу, там ставлю по центру, но часы наплывают на контент, на 300px ниже того места где хотелось бы... При позициях по сторонам, ничего никуда не смещается, а выделяется просторанство 1280*120px;

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

Записан

_{В комнате с белым потолком}

doctorgrif

Давно я тут
745
82 / 1
Нудный доктор

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #6 : 02.07.2009, 18:22:46 »

FF+firebug
смотришь css требуемой области, с учетом этого внедряешь div для часов (модулем или простой вставкой)

Записан

nemalio

Новичок
8
0 / 0

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #7 : 02.07.2009, 18:30:23 »

Пардон, doctorgrif, что именно внедрять?...

Записан

MuraDweb

Захожу иногда
267
124 / 1

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #8 : 02.07.2009, 18:55:32 »

Что внедрять?

Цитата: doctorgrif от 02.07.2009, 18:22:46

FF+firebug
смотришь css требуемой области, с учетом этого внедряешь div для часов (модулем или простой вставкой)

в css задаете position: absolute, а с помощью right\left , top\bottom позицианируете

и по поводу

Цитата: nemalio от 02.07.2009, 18:18:51

...Если бы я захотел разместить, допустим 3000 смайликов, а не 19, то я бы наверное так и сделал. Ну и если б ине захотелось, различных супер цитат, типо; "веб-мастер - это звучит гордо" то думаю, тоже б не расстерялся. Поэтому, давай всетаки уважать наше с вами время, и не писать то, что бесполезно. ;-)

лучше не надо. а то в следующий раз тема уйдет в свалку

Записан

nemalio

Новичок
8
0 / 0

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #9 : 02.07.2009, 19:07:29 »

#banner {
   position: absolute; - в результате этого часы сталиниже хэадера слева, и залазят уже не на контент а на меню...
   float : center;
   color : #1E90FF;
   padding : 0;
   padding-right : 0;
}
#banner_inner {
   padding : 0;
   margin : 0;
}
#banner_inner:hover {
   border : 0;

Записан

MuraDweb

Захожу иногда
267
124 / 1

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #10 : 02.07.2009, 19:13:10 »

Я ж выше написал, как

Код: css

#banner {
   position: absolute;
   top: 15px;
   left: 250px;   

   color : #1E90FF;
   padding : 0;
 }

а это float: center; сами придумали?

Записан

nemalio

Новичок
8
0 / 0

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #11 : 02.07.2009, 19:19:43 »

MuraDweb - ты настоящий хороший человек! =)))))))) Да... сам придумал. Я новичок в этом деле... Поэтому и изобретаю велосипедус =) Все практически встало на свои места. А как можно отцентровать? =)))))

Записан

MuraDweb

Захожу иногда
267
124 / 1

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #12 : 02.07.2009, 19:28:50 »

Цитировать

Да... сам придумал. Я новичок в этом деле... Поэтому и изобретаю велосипедус =)

Молодец, но лучше литературку по css полистай, а то навыдумывал всякого

Нет такого, для float: только left или right

Цитировать

Все практически встало на свои места. А как можно отцентровать? =)))))

Поиграйтесь со значениями top (отступ сверху) и left (отступ слева),
например:
top: 33px;
left: 342px;
ну в таком духе в общем.

Записан

nemalio

Новичок
8
0 / 0

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #13 : 02.07.2009, 19:38:20 »

Да. Я именно так и сделал =) но есть один момент. При разном разрешении разная позиция. То есть при 1440*900 - все отлично. При 1280*1024 часики уже поплыли на буквы хэадера... Что есть не то что мне нужно. При разном разрешении модуль должен оставаться в центре. А не улетать за границы страницы...

Записан

MuraDweb

Захожу иногда
267
124 / 1

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #14 : 02.07.2009, 19:54:09 »

Часики, часики, часики... имеют определённый размер (width = ширина, height= высота)
значит делаем так

Код: css

#banner {
   position: absolute;
   top: 50%;
   left: 50%;   
   
   width: 250px;
   height: 100px;
   
   margin-top: -125px;
   margin-left: -50px;
   
   color : #1E90FF;
   padding : 0;
 }

в width и height подставляете реальную ширину и высоту часиков и подгоняем значения margin-top и margin-left добиваясь нужного местоположения чассссиков... как до этого эксперементировали с top и left

Надеюсь не запутал, а если запутал... то звиняйте
Чую можно и проще, но это уже сами дорогой мой друг, сами...

« Последнее редактирование: 02.07.2009, 19:58:05 от MuraDweb »

Записан

nemalio

Новичок
8
0 / 0

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #15 : 02.07.2009, 20:03:48 »

Огроменный спасибиус. =) я еще вот что придумал чтоб по центру было:
right: auto;
left: auto;
=))))))

Записан

MuraDweb

Захожу иногда
267
124 / 1

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #16 : 02.07.2009, 20:05:24 »

ай молодца.... только это в 6 Ишаке не работает

Записан

doctorgrif

Давно я тут
745
82 / 1
Нудный доктор

Re: нужно разместить мод часов в центре header'а. Как?

« Ответ #17 : 02.07.2009, 20:43:47 »

Цитата: MuraDweb от 02.07.2009, 20:05:24

ай молодца.... только это в 6 Ишаке не работает

дык направь его фикс поставить:)

ПыСы: к MuraDweb в дальнейшем только О Мудрейший или О Повелитель Абсолюта (с больших букв) ну или Насяльника

Записан

Подскажите как разместить модуль в двух позициях на одной странице Joomla 3 Автор vs-161	Ответов: 2 Просмотров: 1332	13.02.2016, 14:42:39 от dmitry_stas
FP RokSprocket Features - Header Slideshow - не работает Full Slideshow шаблон Chimera Автор morti	Ответов: 2 Просмотров: 3263	06.02.2016, 14:52:18 от flash_777
Модуль позволяющий разместить информацию в углу сайта Автор Элана	Ответов: 3 Просмотров: 1414	20.12.2014, 17:12:26 от AlekVolsk
Нужно добавить модуль типа интернет магазина Автор stavsid	Ответов: 2 Просмотров: 46337	28.06.2013, 10:20:53 от arma
Модуль для расылки нужно Для Joomla 1.5 Автор GuN	Ответов: 0 Просмотров: 836	19.06.2013, 10:21:33 от GuN

JoomShaper SP Page Builder 6: динамический контент, комментарии и Joomla 6

WT Set elements v.1.0.0: плагин поля для RadicalMart

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

Похожие темы