powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнить html модуль в шаблоне protostar
6 сообщений из 6, страница 1 из 1
Помогите выровнить html модуль в шаблоне protostar
    #38536683
petral
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Здравствуйте! Хочу выровнить 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
Помогите выровнить html модуль в шаблоне protostar
    #38536694
petral
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
http://wasserklosett.um.la/
Что б модуль был на позиции Position: position-0 [ Style: none outline]. Лип к левому краю баннера.
http://wasserklosett.um.la/?tp=1
...
Рейтинг: 0 / 0
Помогите выровнить html модуль в шаблоне protostar
    #38536698
petral
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
точнее к правому краю баннера.
...
Рейтинг: 0 / 0
Помогите выровнить html модуль в шаблоне protostar
    #38536904
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
Помогите выровнить html модуль в шаблоне protostar
    #38537432
petral
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,
Спасибо! После отключения текстового редактора, слегка помогло...теперь модуль прилип к правому верхнему углу... По поводу разметки. Я пробую перенести сайт на другой движок и просто скопировал эту визуальную часть, обычным выделением и ctrl+c. Видимо это редактор тини так его интересно преобразовал.
...
Рейтинг: 0 / 0
Помогите выровнить html модуль в шаблоне protostar
    #38537433
petral
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
К сожалению вопрос не решен...
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите выровнить html модуль в шаблоне protostar
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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