Вид для печати
Привет! Под кнопкой я имею ввиду ссылку-картинку, которая изменяется если на неё навести курсор. В общем когда наводим - картинка одна, а когда отводим - другая.
Какое свойство нужно использовать, что бы реализовать это??
Может есть какие-то альтернативные простые варианты?
[Only registered and activated users can see links. Click Here To Register...]
большое спасибо, изучаю :read:
посоветуйте пожалуйста способ, что бы реализовать сабж, используя любые средства, но что бы это работало на большинстве браузеров, даже на старых.
ИМХО, это вопрос относительный, какой браузер считать старым..Цитата:
что бы это работало на большинстве браузеров, даже на старых.
Лично я обычно использую 1-й метод- Метод Pixy.. Любые комбинации значений background , определяющих стиль фона, поддерживаются всеми современными браузерами +ИЕ5+
OFFTOP: )
Мда... (медленно, многозначительно и загадочно)
хтмл:
[Only registered and activated users can see links. Click Here To Register...]
css:
.knopka:link, .knopka:visited {
display: block;
width: 100px;
height: 100px;
background: url(knopka1.gif);
}
.knopka:hover, .knopka:active {
background: url(knopka2.gif);
}
summerstyle
Я помню чудное миганье...
Передо мной явился ОН...
Круть у нас тут...
проблема оказалась поглубже :biggrin2:
я буквально не умею слепить из хтмл и ксс готовую кнопку. Можете показать законченный пример, где бы была реализована кнопка-ссылка, о которой я писал в первом посте?
summerstyle
это не сработало как я хотел и ожидал. Вместо кнопки имеем символ "#" и на его фоне картинку кнопки, но не полная кнопка. Мне нужно что бы вообще не было никаких символов кроме самой кнопки.
Banderass
При всем уважении к Вам, я вынужден констатировать, что у Вас нет даже каких-либо базовых знаний в области HTML и CSS. Здесь мы можем Вам помочь в решении какой-либо возникшей у Вас проблемы, но отвечать на вопросы, вызванные банальным нежеланием или ленью учиться, – это вне нашей компетенции.
Воспользуйтесь для начала простейшей специализированной литературой.
я полностью согласен с Aykroyd..
на том сайте, который вам порекомендовал Aykroyd, все разложено по полочкам.. ну, ладно, проехали..
вот пример кнопки-ссылки:
большое спасибо всем и последним двум ответившим форумчанам в частности. Подобный пример снимает все вопросы и вообще примеры всегда это делают [Only registered and activated users can see links. Click Here To Register...]k:
Аминь. )
а как сделать, что бы кнопки размещались в ряд?? Я пробывал изменять "block" на "inline", но после этого кнопки пропадают. Как решить эту проблему?
Убираем block, убираем inline, вместо них ставим {float: left;} ...
отлично, но мне нужно, что бы кнопочки выравнивались по центру таблицы. Если поменять "float: left;" на "float: center;", то они исчезнут.
Прикрепил измененный пример garA, в котором разместил простую табличку. Картинки из того же примера. Как сделать выравнивание кнопок по центру??
1. float: center; – не существует.
2. не надо табличку... [Only registered and activated users can see links. Click Here To Register...]
3. а учиться Вы, к сожалению, так и не хотите...
ну почему же?? очень хочу научиться !! Я привел в примере табличку, так как мой сайт полность базируется на табличной верстке. Объясните пожалуйста как произвести выравнивание по центру :blush2:
ну не могу я сейчас переделать сайт под блочную верстку так как не умею :fie:
[/quote]Цитата:
Originally posted by Banderass@May 21 2007, 23:18
ну почему же?? очень хочу научиться !! Я привел в примере табличку, так как мой сайт полность базируется на табличной верстке.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Вы не табличку привели. Вы ГОВНОКОД привели. Ну неужели Вы не понимаете, что даже если я сейчас и скажу Вам как выровнять Ваши кнопки по центру, это не решит НИЧЕГО. Потому что человек должен знать не только ЧТО писать, но и ЗАЧЕМ это писать...
Вы !DOCTYPE свой видели? Вы хоть представляете что это вообще такое? Для чего Вы его такой написали? Где-то подсмотрели и решили, что сейчас так модно? Вы хоть представляете какую громадную ответственность влечет за собой подобное ОТД? Вы когда-нибудь слышали о валидаторах?
[/quote]Цитата:
Originally posted by Banderass@May 21 2007, 23:18
Объясните пожалуйста как произвести выравнивание по центру* :blush2:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Если Вы пытаетесь представить все табличной моделью, зачем "мучаете" блочные методы? Разместите каждую кнопку в отдельной ячейке таблицы. И всё! Если же следовать блочной модели – ваши кнопки должны представлять из себя СПИСОК (!), и именно пунктам этого списка необходимо будет задавать специальные стилевые правила...
[/quote]Цитата:
Originally posted by Banderass@May 21 2007, 23:18
ну не могу я сейчас переделать сайт под блочную верстку так как не умею* :fie:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Какая на хрен блочная! Вы табличную-то корректно выполнить не можете... Вы слышали когда-нибудь, что в пределах одного документа НЕ МОЖЕТ быть двух или более одинаковых значений атрибута ID? Не обижайтесь. Ничего личного. Просто НАДО учиться, НАДО читать литературу.
[/quote]Цитата:
Originally posted by Banderass+May 21 2007, 20:18--><div class='quotetop'>Цитата(Banderass @ May 21 2007, 20:18)</div>для блочного элемента выравнивание производится автополямиЦитата:
ну почему же?? очень хочу научиться !! Я привел в примере табличку, так как мой сайт полность базируется на табличной верстке. Объясните пожалуйста как произвести выравнивание по центру* :blush2:[/b]
для ссылки вначале необходимо объявить блочное отображениеКод:элемент { margin: 0 auto; }
Код:a { display: block; }
<!--QuoteBegin-Aykroyd@May 21 2007, 20:43
Вы не табличку привели. Вы ГОВНОКОД привели.
....
Просто НАДО учиться, НАДО читать литературу.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Видите, как папу разнервничали. Читайте книги, многие вопросы отпадут сами собой! Удачи.
Aykroyd
:biggrin2: :lol2: Последняя фраза очень развеселила и я полностью согласен. Проясню ситуацию: исходный код я взял, тот который любезно предоставил garA в примере выше; после этого я просто вставил туда простейшую табличку и попытался разместить в ней 3 кнопочки с выравниванием по центру. Но так как у меня ничего, естественно, не вышло, я попросил совета.Цитата:
Вы не табличку привели. Вы ГОВНОКОД привели.
Если вы бы сказали как выровнять мои кнопки, то это решило бы мою текущую проблему с этими кнопками, это действительно очень помогло бы [Only registered and activated users can see links. Click Here To Register...]Цитата:
Ну неужели Вы не понимаете, что даже если я сейчас и скажу Вам как выровнять Ваши кнопки по центру, это не решит НИЧЕГО. Потому что человек должен знать не только ЧТО писать, но и ЗАЧЕМ это писать...
Я не спорю с вашими подходами насчет изучения (что и зачем).
Как я уже писал код не мой, моя табличка. О валидаторах ничего не слышал, но подозреваю, что они проверяют соответствие кода стандару.Цитата:
Вы !DOCTYPE свой видели? Вы хоть представляете что это вообще такое? Для чего Вы его такой написали? Где-то подсмотрели и решили, что сейчас так модно? Вы хоть представляете какую громадную ответственность влечет за собой подобное ОТД? Вы когда-нибудь слышали о валидаторах?
Да, я пытаюсь использовать табличную модель, неужели это запрещает мне использовать средства CSS?? Это экономит мне много кода. Если можно реализовать "кнопки" средствами CSS, то почему бы и нет??Цитата:
Если Вы пытаетесь представить все табличной моделью, зачем "мучаете" блочные методы? Разместите каждую кнопку в отдельной ячейке таблицы. И всё!
Я не понял, что вы имеете ввиду под размещением каждой кнопки в отдельной ячейке. Как это поможет выровнять по центру кнопки? Объясните как это сделать.
Zigzag
Но мне не подходит "block". Мне нужно что бы кнопки размещались в ряд.
Ребята!! Неужели так сложно отредактировать пример, который я привел выше и показать как правильно реализовать пару кнопок в ряд с выравниванием по центру в таблице??
Не... Не так.
«Последняя фраза очень развеселила и я теперь только и делаю что смеюсь, вместо того, чтобы читать специализированную литературу и получать соответствующие знания. Проясню ситуацию: исходный чистый и синтаксически корректный код я взял, тот который любезно предоставил garA в примере выше; после этого я просто вставил туда говнопростейшую говнотабличку с говносинтаксическими ошибками и говноКУЧЕЙ нерекомендуемых W3C атрибутов... При этом зачем-то оставил закрывающий тэг </div> без открывающего (вдруг он пригодится в будущем!) и наплевал на то, что стандарт XHTML требует закрытия одиночных тэгов и закавычивания значений атрибутов... и попытался разместить в ней 3 кнопочки с выравниванием по центру. Но так как у меня ничего, естественно, не вышло, я попросил совета как можно увеличить объем общего говнокода.»
Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
a {color:#FFFFFF; text-decoration: none;}
ul#menu {margin: 0px auto; padding: 0px; width: 450px; list-style: none;}
ul#menu li {float: left;}
ul#menu a.button1 {background: #72AA30 url(button.gif) no-repeat; display: block; width: 150px; height: 28px;}
ul#menu a.button1:hover {background: #47681F url(button.gif) no-repeat 0 -42px;}
ul#menu a.button1 span {display: none;}
</style>
</head>
<body>
<table width="800" border="2">
<tr>
<td>
<ul id="menu">[*][Only registered and activated users can see links. Click Here To Register...][*][Only registered and activated users can see links. Click Here To Register...][*][Only registered and activated users can see links. Click Here To Register...][/list]
</td>
</tr>
<tr>
<td align="center">main content</td>
</tr>
</table>
</body>
</html>
почему просто не указать в чем ошибки, а не ставить везде "говнокод, говнокод"?? [Only registered and activated users can see links. Click Here To Register...] . В любом случае большое спасибо - ваш код, то что мне нужно было :hi:
Не за что.
[/quote]Цитата:
Originally posted by Banderass@May 23 2007, 20:42
почему просто не указать в чем ошибки, а не ставить везде "говнокод, говнокод"??
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Да потому что, во-первых, приведенный Вами код является одной большой сплошной ошибкой и недоразумением, в во-вторых – моя цель, простите за нескромность, это чтобы через месяц-другой Banderass пришел к нам сюда и выложил собственноручно написанную блочную модель своего ресурса. И спросил бы: укажите на неточности, господа... )
А мы бы отметили все неточности и ответили: respect! Вот почему... :read: