Помощник
 |
Сообщение сайта
|
 Кнопка |
realstar
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 9 Регистрация: 22.1.2010 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
nidise
|
 22.1.2010, 21:40;
Ответить: nidise
Сообщение
#2
|
|
0 Группа: User Сообщений: 95 Регистрация: 26.10.2009 Поблагодарили: 0 раз Репутация: 0
|
в чем лежит ваше изображение? В DIV'е, в ячейке таблицы или еще где?
|
|
|
|
|
realstar
|
Сообщение
#3
|
|
0 Группа: User Сообщений: 9 Регистрация: 22.1.2010 Поблагодарили: 0 раз Репутация: 0
|
Вот код картинки на сайте
<td width="100%" height="240" rowspan="2"> <img src="{THEME}/images/e.png" width="100%" height="240" border="0"></td> Вот это необходимо вставить на неё.Желательно со смещением по левой стороне <div align="right">
<table border="0" width="80%"> <tr> <td width="20%"> <a href="/index.php"><img src="{THEME}/images/n_knopka_gl.png" width="81" height="33" border="0" alt="На главную страницу"></a> </td> <td width="20%"> <a href="http://alldesign.biz/faq.html"><img src="{THEME}/images/n_knopka_fa.png" width="81" height="33" border="0" alt="FAQ, вопросы и ответы, подробная помощь"></a> </td> <td width="20%"> <a href="http://www.forum.alldesign.biz"><img src="{THEME}/images/n_knopka_fo.png" width="81" height="33" border="0" alt="Форум AllDesign.biz"></a> </td> <td width="20%"> <a href="/index.php?do=feedback"><img src="{THEME}/images/n_knopka_ko.png" width="81" height="33" border="0" alt="Форма обратной связи"></a> </td> <td width="322"> <form onsubmit="javascript: showBusyLayer()" method="post"><input type=hidden name=do value=search><input type="hidden" name="subaction" value="search"> <table width="320"> <tr> <td valign="middle" style="padding-top:3px;padding-left:6px;"><input name="story" type="text" style="width:240px; height:18px; font-family:tahoma; font-size:11px;border:1px solid #666666;"></td> <td width="52" valign="bottom" style="padding-top:3px;padding-right:7px;"><input type="image" src="{THEME}/images/n_search.png" border="0" alt="Найти на сайте" align="absmiddle"></td> </tr> |
|
|
|
|
Flok
|
22.1.2010, 22:05;
Ответить: Flok
Сообщение
#4
|
 0 Группа: User Сообщений: 636 Регистрация: 11.11.2009 Поблагодарили: 0 раз Репутация: 0
|
в идеальном варианте кнопки должны добавляться не поверх, а внутрь шапки.
т. е. шапка разбиваетя на множество мелких фрагментов, которые при расположении друг возле друга образуют одну единую картинку. в топиках с поиском работы я видел объявление, что верстают из psd. может обратитесь к тем людям? если же самый примитивный способ брать, то можете в код кнопок добавить строку: style="position:relative; top-100px;" где 100px - расстояние, на которое перетягиваете кнопки вверх. минусом является то, что в зависимости от особенностей вёрстки, под шапкой может остаться пространство размером с кнопки. т.е. они как будто расположены там, но отображаются в другом месте. можно попробовать ещё через style="position:absolute; top:100px; left:200px; z-index:10" где 100px - отступ сверху, 200px - отступ слева, z-index:10 преподнимет кнопки над другими элементами. По идее они и так расположатся выше, если их код идёт после когда шапки. но на всякий случай z-index используем. |
|
|
|
|
nidise
|
22.1.2010, 22:16;
Ответить: nidise
Сообщение
#5
|
|
0 Группа: User Сообщений: 95 Регистрация: 26.10.2009 Поблагодарили: 0 раз Репутация: 0
|
<td width="100%" height="240" rowspan="2" style="background:url(путь к изображению)">
<!--сюда вставьте то, что вы хотите увидеть на фоне шапки--> </td> |
|
|
|
|
realstar
|
Сообщение
#6
|
|
0 Группа: User Сообщений: 9 Регистрация: 22.1.2010 Поблагодарили: 0 раз Репутация: 0
|
Спасибо,всё помогло,разобрался.И только сейчас заметил.Шапка в полноэкранном режиме растянута на все 100% как и прописано в коде.А вот когда например окно браузера уменьшаешь- то она уже не на всё страницу становится.Как это можно устранить?
|
|
|
|
|
x-line
|
23.1.2010, 5:43;
Ответить: x-line
Сообщение
#7
|
|
|
0 Группа: User Сообщений: 55 Регистрация: 23.1.2010 Поблагодарили: 0 раз Репутация: 0
|
чтобы не сужалась вместе с окном width="100%" прописывается не в процентах а в пикселях , только вот сколько пикселей прописать хз.. я сам чайник.
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Кнопка телефона на мобильной версии | 0 | katuwa | 1180 | 28.9.2019, 20:35 автор: katuwa |
|
Странная кнопка | 4 | microooji | 6073 | 5.1.2014, 15:00 автор: -klenovnn- |
|
Кнопка для отправки сообщения с сайта | 12 | LadyRi | 3412 | 25.2.2013, 14:48 автор: Symphony |
|
[HTML,CSS] Кнопка улетает вниз в IE/Chrome, Facebook iFrames - код внутри | 2 | msk1 | 6498 | 23.2.2013, 0:37 автор: -msk1- |
|
Кнопка для блока и сам блок. | 5 | Lovller | 7225 | 27.11.2012, 19:20 автор: -MacDreamer- |
|
Текстовая версия | Сейчас: 18.4.2024, 7:04 |
