Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнить html модуль в шаблоне protostar / 6 сообщений из 6, страница 1 из 1
24.01.2014, 12:34
    #38536683
petral
petral
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнить html модуль в шаблоне protostar
Здравствуйте! Хочу выровнить html модуль в жумле 3.2. Но независимо от позиции он липнет к левому верхнему углу, а хотелось бы, что бы было правее баннера сайта . Помогите пожалуйста...
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<div class="block b_01" style="border-width: 0px 1px 0px 0px; border-style: solid; border-color: black #e6e6e6 black black; margin: 0px; padding: 6px 30px 0px 1px; vertical-align: top; color: #999999; font-size: 11px; height: 113px; line-height: 16px; position: absolute; text-transform: uppercase; top: 21px; width: 180px; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/cred_cards_bg.jpg'); left: 30px; font-family: Arial, sans-serif; background-position: 0px 100%; background-repeat: no-repeat no-repeat;">
<div class="title" style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px 0px 5px; vertical-align: top; color: #4d4d4d; font-size: 14px; font-weight: bold; letter-spacing: 1px;">ОПЛАТА ЗАКАЗА:</div>
НАЛИЧНЫМИ ВОДИТЕЛЮ<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />И БЕЗНАЛИЧНО ЧЕРЕЗ БАНК,<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />ПОКУПКА В КРЕДИТ</div>
<div class="block b_02" style="background-color: transparent; border-width: 0px 1px 0px 0px; border-style: solid; border-color: black #e6e6e6 black black; margin: 0px; padding: 6px 30px 0px 1px; vertical-align: top; color: #999999; font-size: 11px; height: 53px; line-height: 16px; position: absolute; text-transform: uppercase; top: 21px; width: 180px; left: 270px; font-family: Arial, sans-serif;">
<div class="title" style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px 0px 5px; vertical-align: top; color: #4d4d4d; font-size: 14px; font-weight: bold; letter-spacing: 1px;">ВРЕМЯ РАБОТЫ:</div>
<span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">09:00</span> — <span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">20:00</span>, ЕЖЕДНЕВНО<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />ЗАКАЗ И КОНСУЛЬТАЦИИ</div>
<div class="block b_03" style="background-color: transparent; border-width: 0px; border-style: solid; border-color: black #e6e6e6 black black; margin: 0px; padding: 6px 30px 0px 1px; vertical-align: top; color: #999999; font-size: 11px; height: 53px; line-height: 16px; position: absolute; text-transform: uppercase; top: 21px; width: 180px; left: 509px; font-family: Arial, sans-serif;">
<div class="title" style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px 0px 5px; vertical-align: top; color: #4d4d4d; font-size: 14px; font-weight: bold; letter-spacing: 1px;">ДОСТАВКА ТОВАРА:</div>
<span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">10:00</span> — <span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">19:00</span>, ПО БУДНЯМ<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />ДОСТАВКА В РЕГИОНЫ</div>
<ul class="head_main_menu" style="background-color: transparent; border-width: 1px 0px 0px; border-style: solid; border-color: #e6e6e6 black black; margin: 0px; padding: 18px 0px 0px; vertical-align: top; list-style: none outside none; font-weight: bold; left: 271px; overflow: hidden; position: absolute; top: 100px; width: 419px; color: #4d4d4d; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;">
<li style="border: 0px solid black; margin: 0px 30px 0px 0px; padding: 0px 16px 0px 0px; vertical-align: top; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/icon_main_01.png'); display: block; float: left; background-position: 100% 8px; background-repeat: no-repeat no-repeat;"><a style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #4d4d4d; text-decoration: underline;" href="http://wasserklosett.ru/wasserkloset.ru/about/">О магазине</a></li>
<li style="border: 0px solid black; margin: 0px 30px 0px 0px; padding: 0px 16px 0px 0px; vertical-align: top; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/icon_main_01.png'); display: block; float: left; background-position: 100% 8px; background-repeat: no-repeat no-repeat;"><a style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #4d4d4d; text-decoration: underline;" href="http://wasserklosett.ru/wasserkloset.ru/delivery/">Доставка и оплата</a></li>
<li style="border: 0px solid black; margin: 0px 30px 0px 0px; padding: 0px 16px 0px 0px; vertical-align: top; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/icon_main_01.png'); display: block; float: left; background-position: 100% 8px; background-repeat: no-repeat no-repeat;"><a style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #4d4d4d; text-decoration: underline;" href="http://wasserklosett.ru/wasserkloset.ru/contacts/">Контакты</a></li>
</ul>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2014, 12:38
    #38536694
petral
petral
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнить html модуль в шаблоне protostar
http://wasserklosett.um.la/
Что б модуль был на позиции Position: position-0 [ Style: none outline]. Лип к левому краю баннера.
http://wasserklosett.um.la/?tp=1
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2014, 12:39
    #38536698
petral
petral
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнить html модуль в шаблоне protostar
точнее к правому краю баннера.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2014, 14:15
    #38536904
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнить html модуль в шаблоне protostar
petral , разметка у тебя пипец!

Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#sys_container {
	position: absolute;
	top: 0;
	right: 0;
	width: 700px;
	height: 150px;
	border: 1px solid;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='sys_container'>
	<div class="block b_01" style="border-width: 0px 1px 0px 0px; border-style: solid; border-color: black #e6e6e6 black black; margin: 0px; padding: 6px 30px 0px 1px; vertical-align: top; color: #999999; font-size: 11px; height: 113px; line-height: 16px; position: absolute; text-transform: uppercase; top: 21px; width: 180px; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/cred_cards_bg.jpg'); left: 30px; font-family: Arial, sans-serif; background-position: 0px 100%; background-repeat: no-repeat no-repeat;">
	<div class="title" style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px 0px 5px; vertical-align: top; color: #4d4d4d; font-size: 14px; font-weight: bold; letter-spacing: 1px;">ОПЛАТА ЗАКАЗА:</div>
	НАЛИЧНЫМИ ВОДИТЕЛЮ<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />И БЕЗНАЛИЧНО ЧЕРЕЗ БАНК,<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />ПОКУПКА В КРЕДИТ</div>
	<div class="block b_02" style="background-color: transparent; border-width: 0px 1px 0px 0px; border-style: solid; border-color: black #e6e6e6 black black; margin: 0px; padding: 6px 30px 0px 1px; vertical-align: top; color: #999999; font-size: 11px; height: 53px; line-height: 16px; position: absolute; text-transform: uppercase; top: 21px; width: 180px; left: 270px; font-family: Arial, sans-serif;">
	<div class="title" style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px 0px 5px; vertical-align: top; color: #4d4d4d; font-size: 14px; font-weight: bold; letter-spacing: 1px;">ВРЕМЯ РАБОТЫ:</div>
	<span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">09:00</span> — <span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">20:00</span>, ЕЖЕДНЕВНО<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />ЗАКАЗ И КОНСУЛЬТАЦИИ</div>
	<div class="block b_03" style="background-color: transparent; border-width: 0px; border-style: solid; border-color: black #e6e6e6 black black; margin: 0px; padding: 6px 30px 0px 1px; vertical-align: top; color: #999999; font-size: 11px; height: 53px; line-height: 16px; position: absolute; text-transform: uppercase; top: 21px; width: 180px; left: 509px; font-family: Arial, sans-serif;">
	<div class="title" style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px 0px 5px; vertical-align: top; color: #4d4d4d; font-size: 14px; font-weight: bold; letter-spacing: 1px;">ДОСТАВКА ТОВАРА:</div>
	<span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">10:00</span> — <span style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #cc8800; font-weight: bold;">19:00</span>, ПО БУДНЯМ<br style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top;" />ДОСТАВКА В РЕГИОНЫ</div>
	<ul class="head_main_menu" style="background-color: transparent; border-width: 1px 0px 0px; border-style: solid; border-color: #e6e6e6 black black; margin: 0px; padding: 18px 0px 0px; vertical-align: top; list-style: none outside none; font-weight: bold; left: 271px; overflow: hidden; position: absolute; top: 100px; width: 419px; color: #4d4d4d; font-family: Arial, sans-serif; font-size: 14px; line-height: 18px;">
	<li style="border: 0px solid black; margin: 0px 30px 0px 0px; padding: 0px 16px 0px 0px; vertical-align: top; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/icon_main_01.png'); display: block; float: left; background-position: 100% 8px; background-repeat: no-repeat no-repeat;"><a style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #4d4d4d; text-decoration: underline;" href="http://wasserklosett.ru/wasserkloset.ru/about/">О магазине</a></li>
	<li style="border: 0px solid black; margin: 0px 30px 0px 0px; padding: 0px 16px 0px 0px; vertical-align: top; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/icon_main_01.png'); display: block; float: left; background-position: 100% 8px; background-repeat: no-repeat no-repeat;"><a style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #4d4d4d; text-decoration: underline;" href="http://wasserklosett.ru/wasserkloset.ru/delivery/">Доставка и оплата</a></li>
	<li style="border: 0px solid black; margin: 0px 30px 0px 0px; padding: 0px 16px 0px 0px; vertical-align: top; background-image: url('http://wasserklosett.ru/img/wasserkloset.ru/icon_main_01.png'); display: block; float: left; background-position: 100% 8px; background-repeat: no-repeat no-repeat;"><a style="background-color: transparent; border: 0px solid black; margin: 0px; padding: 0px; vertical-align: top; color: #4d4d4d; text-decoration: underline;" href="http://wasserklosett.ru/wasserkloset.ru/contacts/">Контакты</a></li>
	</ul>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2014, 21:14
    #38537432
petral
petral
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнить html модуль в шаблоне protostar
krvsa,
Спасибо! После отключения текстового редактора, слегка помогло...теперь модуль прилип к правому верхнему углу... По поводу разметки. Я пробую перенести сайт на другой движок и просто скопировал эту визуальную часть, обычным выделением и ctrl+c. Видимо это редактор тини так его интересно преобразовал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.01.2014, 21:14
    #38537433
petral
petral
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите выровнить html модуль в шаблоне protostar
К сожалению вопрос не решен...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнить html модуль в шаблоне protostar / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 458ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447455]:
 0ms
get settings:
 9ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 164ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 205ms
total:  458ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]