Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
Sanu0074
58 / 58 / 16
Регистрация: 14.06.2010
Сообщений: 1,190
Записей в блоге: 5
1

расширение кнопки, не затрагивая соседний DIV

11.03.2011, 20:26. Просмотров 873. Ответов 2
Метки нет (Все метки)

доброго времени суток.....
у меня такая ситуация: есть таблица, 2 ячейки в строке - в одной текст, в другой(в левой) кнопка скачать, вот стиль кнопки:
CSS
1
2
#download {  display:block; width:129px; height:35px; background-image:url('/img/Download_1.png');}
#download:hover { color:red; width:138px; height:35px; background-image:url('/img/Download_2.png');}
проблема в том что, когда на кнопку наводиш курсором мыши - она становиться шире(как видно из кода выше) и соседняя ячейка немного уезжает влево вместе со всем содержимым.....пробовал помещать в дивы содержимое ячеек, устанавливать размер, выравнивание по разным сторонам и отступы, - и это ничего не помогло...... как мне решить эту проблему?
зараннее вам благодарен!
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.03.2011, 20:26
Ответы с готовыми решениями:

background растягивается на соседний div
Вот код: <div style="float: left; padding: 8px;"> <a...

Расширение фиксированного DIV вместе с содержимым
Помогите пожалуйста, есть вот такой div div#telo2 { height: 300px; width:...

При уменьшении окна Div залезают друг на друга, автоматическое расширение высоты блока
Здравствуйте, делая сайт столкнулся с такой проблемой. Сделана страница с...

Расширение элементов "на полную" внутри DIV
Вопрос наверно нубский, но тем не менее я здесь застрял. Есть DIV. У него...

Блок div и кнопки в нем
Здравствуйте, проблема такова : в блоке div есть 10 кнопок, нужно каждой...

2
Dimazzzzzz
588 / 95 / 6
Регистрация: 24.01.2009
Сообщений: 379
11.03.2011, 21:53 2
Лучший ответ Сообщение было отмечено Sanu0074 как решение

Решение

Sanu0074, раз ты используешь разные картинки для стилей, то можно эту кнопку нарисовать разной внешне на одинаковых по размерам рисунках.

Если ты хочешь, чтобы рисунок растягивался то предлагаю такой вариант:
HTML5
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
<style>
    * {
        margin: 0px;
        padding: 0px;
    }
    #download {
        width:129px; 
        height:35px; 
        background-image:url('/img/Download_1.png');
        margin-left: 5px;
        margin-right: 5px;
    }
    #download:hover { 
        color:red; 
        width:139px; 
        height:35px; 
        background-image:url('/img/Download_1.png');
        margin-left: 0px;
        margin-right: 0px;
    }
</style>
<body>
        <table style = "table-layout:fixed;">
            <tr>
                <td style = "width: 139px;"><div id = "download">&nbsp;</div></td>
                <td>фывалдо фцваоывфад оывф адл</td>
            </tr>
        </table>
</body>
1
Sanu0074
58 / 58 / 16
Регистрация: 14.06.2010
Сообщений: 1,190
Записей в блоге: 5
11.03.2011, 22:14  [ТС] 3
Цитата Сообщение от Dimazzzzzz Посмотреть сообщение
Sanu0074, раз ты используешь разные картинки для стилей, то можно эту кнопку нарисовать разной внешне на одинаковых по размерам рисунках.

Если ты хочешь, чтобы рисунок растягивался то предлагаю такой вариант:
огромное спс
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.03.2011, 22:14

Задать полупрозрачный фон блоку не затрагивая текста в нем
У меня проблема, создал div задал ему background и в css прописал &quot;opacity:...

CSS!? Div в div'e, как не потерять позиции css внутреннего div'a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе...

Как изменить размер блока на Главной, не затрагивая его параметры на других страницах?
Есть главная страница www.wordado.ru Блок с белым фоном, на котором...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru