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


Дизайн вебстраницы


Сообщений в теме: 235

#221 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 23 Март 2012 - 09:08

Просто выравнивание (даю на примере div)
<div style="text-align:left">...</div>

Отступы: есть 2 варианта
margin - устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.
padding - устанавливает значение полей вокруг содержимого элемента. Полем считается расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.

Прикрепленный файл  margin.png   573байт   80 Количество загрузок: Прикрепленный файл  padding.png   1,09К   80 Количество загрузок:

Использование:

<div style="margin-left:5px">...</div>

<div style="padding-left:5px">...</div>


#222 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 23 Март 2012 - 09:44

Спасибо!!!
А для того чтобы управлять правой границей (отступом справа) достаточно left заменить на right и поставить 0px.
Правильно понял?


#223 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 23 Март 2012 - 09:54

Правильно.

#224 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 24 Март 2012 - 23:15

Добрый день!
:give_rose:

Что-то понесло меня на рекламу)))
Вот такие вопросы возникли
1.
Можно поверх картинки (третья строка снизу) в коде
<!-- Header -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td valign="top"><br></td><td bgcolor="#000000"><img alt="" src="/ugl/3lv3s2gr.gif" align="" border="0" height="21" width="11"></td>
<td class="copy" background="http://skh.ucoz.ru/121/63668146gr.gif" width="95%"><span style="color: rgb(0, 0, 0);">$WDAY$, $DATE$, $TIME{:content:}lt;/span></td>
<td bgcolor="#000000"><img alt="" src="/ugl/5gr.gif" align="" border="0" height="21" width="119"></td></tr>
</tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
 <tbody><tr>
 <td background="/diz/kora01mari.jpg">&nbsp;<br><br><br><br></td>
 </tr>
</tbody></table>
уложить вот такой
<script type="text/javascript"><!--
google_ad_client = "ca-pub-4150434714913004";
/* планка */
google_ad_slot = "0491936290";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Так чтобы был центрован по вертикали и горизонтали относительно картинки?

2.
Можно как-то делать интервал раза в два меньше, чем с помощью этой штучки &nbsp;?

3.
На главной две области (в пределах 300 х 80px) пусто выглядят.)
А гугл больше трех блоков на страницу ставить не позволяет.
Чью еще можно и лучше разместить рекламу?) Не подскажете?)

Сообщение отредактировал SKh: 24 Март 2012 - 23:18


#225 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 07:17

Просмотр сообщенияSKh сказал:

Можно поверх картинки (третья строка снизу) в коде
Ну так вместо &nbsp; вставь код скрипта и отцентрируй его.

Просмотр сообщенияSKh сказал:

Можно как-то делать интервал раза в два меньше, чем с помощью этой штучки &nbsp;
С помощью padding или margin.


Просмотр сообщенияSKh сказал:

Чью еще можно и лучше разместить рекламу?
Ну не знаю, яндекс или бегун, к примеру.

#226 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 14:02

Просмотр сообщенияMARY (27 Март 2012 - 07:17) писал:

Ну так вместо &nbsp; вставь код скрипта и отцентрируй его.

Не получается.) Что-то не так делаю.
Вместо &nbsp; вставляю код с центровкой:
<center><div style="margin-down:10px"><script type="text/javascript"><!--
google_ad_client = "ca-pub-4150434714913004";
/* планка */
google_ad_slot = "0491936290";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div></center>
По вертикали центруется, по вертикали - увы.
Пробовал down на up менять. Не помогает)))

#227 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 14:21

Просмотр сообщенияSKh сказал:

По вертикали центруется, по вертикали - увы
Это как? Сразу и центрируется и нет?))))

margin-down
Такого параметра не существует в природе.
margin-bottom - отступ снизу;
margin-top - отступ сверху.
Аналогично и для padding.

Но если нужна центровка по вертикали, проще использовать параметр:
vertical-align:middle;

Сообщение отредактировал MARY: 27 Март 2012 - 14:21


#228 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 15:27

Цитата

Это как? Сразу и центрируется и нет?))))
очепятка))) По горизонтали центруется, по вертикали - увы.
И куда этот параметр
vertical-align:middle;
вставлять здесь?
 <td background="/diz/5kora.gif"><center><script type="text/javascript"><!--
google_ad_client = "ca-pub-4150434714913004";
/* планка */
google_ad_slot = "0491936290";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center><br><br><br><br></td>

Сообщение отредактировал SKh: 27 Март 2012 - 15:31


#229 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 15:52

<td background="/diz/5kora.gif" style="vertical-align:middle;"><center><script type="text/javascript"><!--
google_ad_client = "ca-pub-4150434714913004";
/* планка */
google_ad_slot = "0491936290";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center></td>


#230 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 16:01

Не помогает. Так и висит сверху.
Видать бр все портят.
Я их убирал - вообще рисунок сужается на высоту рекламной планки (вставляемого кода).
Вот так полностью выглядит:
<td background="/diz/5kora.gif" style="vertical-align:middle;"><center><script type="text/javascript"><!--
google_ad_client = "ca-pub-4150434714913004";
/* планка */
google_ad_slot = "0491936290";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center><br><br><br><br></td>


#231 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 16:10

В моем коде нет ни одного br, они целиком на твоей совести.
Попробуй так тогда:

<td background="/diz/5kora.gif"><div style="vertical-align:middle;"><center><script type="text/javascript"><!--
google_ad_client = "ca-pub-4150434714913004";
/* планка */
google_ad_slot = "0491936290";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center></div></td>

Если опять не поможет, напиши адрес страницы, я на нее посмотрю.

#232 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 16:47

Просмотр сообщенияMARY (27 Март 2012 - 16:10) писал:

В моем коде нет ни одного br, они целиком на твоей совести.
Попробуй так тогда:
Но без бр рисунок ломается.

Все также.
Если в конце
</center></td>
то все слипается.
А если в конце
</center><br><br><br><br></td>

то все также прилепляется к верху.

Страничка
строка в самой верхней картинке полосой
потом саму полоску (код) подгоню сам под вид.

включил админа

Сообщение отредактировал SKh: 27 Март 2012 - 16:39


#233 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 17:07

Вобщем так: там перекрываются какие-то стили + еще стиль гугля накладывается, поэтому наши потуги со стилями, что мертвому припарки.
Я так и не смогла въехать, что на что накладывается, тут без 500 г не обойтись;)
Поэтому равняем br, до и после.
Я сейчас тебе вот так выставила:

<td background="/diz/5kora.gif"><center><br /><script type="text/javascript"><!--
google_ad_client = "ca-pub-4150434714913004";
/* планка */
google_ad_slot = "0491936290";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br /><br /></center></td>
Вроде по центру встало. Если надо, еще подобавляй br.

#234 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 19:50

Увидел.
Понял.
Прикрепленный файл  buket004.gif   26,99К   33 Количество загрузок:

Спасибо!

Ну вот...
Менял цвета и фонов и шрифтов...
Экспериментировал - экспериментировал... и грохнул все.
Такая хрень визуальная получается, что тошно.
Ладно свое время убил, еще и Ваше отнял.
Но, хоть урок получил.
Спасибо огромное!

#235 MARY

    Администратор

  • Администратор
  • PipPipPipPipPipPipPipPipPipPip
  • 3 939 сообщений
  • Пол:Женщина
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 20:03

Ну ты как всегда...

А что там пропало? Я только рекламы сверху не вижу, а все остальное нормально вроде.

#236 SKh

    24h online

  • VIP-пользователи
  • PipPipPipPipPipPipPipPipPip
  • 853 сообщений
  • Пол:Мужчина
  • Город:Москва
  • CMS:
  • Фотошоп:

Отправлено 27 Март 2012 - 23:00

Да нет!
Все что Вы делали - все работает!
Просто смотрится все уродливо.
Возможность настраивать рекламный блок очень ограничена.
Кроме цвета фона и шрифтов - ничего.
И как цвета не менял - все равно отвратно и коряво.

Не видите, потому что я сам убрал.

Я думал Вы уже отдыхаете.
Ранее, еще год - два назад, не наблюдалось, чтобы Вы до полуночи засиживались у компа.)


Прикрепленный файл  buket001.gif   29,99К   20 Количество загрузок:

Сообщение отредактировал SKh: 28 Март 2012 - 23:50






Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 скрытых пользователей


   3D Architech -  CG