Меню
Что нового?

ячейка в ссылке

Ximik_rus

Новичок
ячейка в ссылке

Прошу прощения если не туда, просто больше негде спросить

Есть обычный HTML код

PHP: 
<a href='ссылка'>
 <td background='images/bg_t1.jpg' width='25%'>
  <b>Статьи</b>
 </td>
</a>
Вообщем, проблема в следующем, что при наведении на слово 'Статьи' фоновое изображение начинает прыгать
Вместо ссылки делать onClick нельзя, т.к. заказчик использует Opera(у), а там JavaScript глючит (причем только OnClick)

Никто не встречался с данной проблемой?
 
boombick

boombick

boombick.org
Ужасно! Ни в коем случае нельзя помещать ячейку в ссылку...
делай <a href=""><b>text</b></a>

Кстати, в Опере с onClick все в порядке :)
 

Ximik_rus

Новичок
Автор оригинала: boombick
Ужасно! Ни в коем случае нельзя помещать ячейку в ссылку...
делай <a href=""><b>text</b></a>

Кстати, в Опере с onClick все в порядке :)
Нажмите для раскрытия...
И чего, я не добьюсь того, чего хотел ;)

И почему нельзя? Все замечательно работает во ВСЕХ популярных браузерах

А JavaScript вообще стараюсь не использовать или использовать так, что если он не сработает, он дублировался ;)

просто первый раз всплыла проблема с background
 
fStrange

fStrange

Новичок
Ximik_rus
ячейку в ссылку нельзя почитай документацию штмл
если это и работает, то это недокументированные попытки броузера представить нечитаемый код...
результат соответственно непредсказуем...
 
fixxxer

fixxxer

К.О.
Партнер клуба
в FireFox это не работает, если аргумент со стандартом HTML неубедителен.
 

nosferatum

Новичок
Задай вопрос правильнее: мне хотелось бы получить вот такой вот результат при вот таком вот раскладе (только учти что НЕЛЬЗЯ запихнуть ячейку в ссыку). Тогда получишь и точный ответ!
 

Ximik_rus

Новичок
Мне хотелось бы, чтобы ячейка таблицы была ссылкой, но при этом не использовать onClick и не использовать рисунок (т.к. это используется как cms и соответственно кнопки генерируются, а не рисуются заранее
 

Romantik

TeaM PHPClub
нда, можно конечно и переходить дорогу где угодно- часто замечательно работает...
 
akxxiv

akxxiv

Новичок
А придать обычной ссылке нужный вид с помощью CSS не судьба?
 

Ximik_rus

Новичок
эмм, как?

ссылкой будет слово, а не таблица ... я мне нужно нарисовать подобие кнопки
 

thujone

Новичок
<style>
.assHole {
display:block;
background-image:url(img/home.gif);
font-weight:bold;
}
</style>

<a class="assHole" href="#">some text</a>
 
flash-vkv

flash-vkv

Новичок
boombick
Кстати, в Опере с onClick работает ужастно.
я имею ввиду когда onClick происходит часто и указатель мыши некуда не перемешается
 

Ximik_rus

Новичок
Автор оригинала: thujone
<style>
.assHole {
display:block;
background-image:url(img/home.gif);
font-weight:bold;
}
</style>

<a class="assHole" href="#">some text</a>
Нажмите для раскрытия...
Эмм, и что это?

смысл?

короче понятно, придется текстовую ссылку делать

или, а кто знает, как на картинку наложить текст? Как правильно нарисовать слои?
 

SelenIT

IT-лунатик :)
Ximik_rus
Это CSS. С его помощью можно придать "текстовой ссылке" вид не только "кнопки", но практически чего угодно, не насилуя HTML противоестественными вставками.
 

Gorynych

Посетитель PHP-Клуба
Ximik_rus
Мне хотелось бы, чтобы ячейка таблицы была ссылкой, но при этом не использовать onClick и не использовать рисунок
Нажмите для раскрытия...
вот еще пример с использованием стилевого описания, может так станет понятнее?
Код: 
<html>
<head>
<style type="text/css">
a.cell {
    display: block;
    border: outset 2px #ccc;
    background: #ccc;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #000;
    padding: 3px 0px 3px 0px;

}
a.but {
    display: inline;
    border: outset 2px #ccc;
    background: #ccc;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #000;
    padding: 2px 3px 2px 3px;
}
</style>
</head>
<body>
<table width="100%">
<tr>
    <td>
        <a class="cell" href="/">ссылка-ячейка</a>
    </td>
    <td>
        <a href="/">ссылка НЕ ячейка</a>
    </td>
</tr>
</table>
<p>
Текс и <a class="but" href="/">ссылка-кнопка</a>
</p>
</body>
</html>
 

Ximik_rus

Новичок
Gorynych

Спасибо большое. Очень доходчиво обхяснил ;)

thujone
Я то новичок, а вот как назвать человека который знает как делать, но не знает как объяснить?

Ладно, спасибо всем. Тема исчерпана
 
akxxiv

akxxiv

Новичок
Автор оригинала: Ximik_rus
а кто знает, как на картинку наложить текст? Как правильно нарисовать слои?
Нажмите для раскрытия...
Допустим для логотипа я делаю так

CSS
PHP: 
a#logo{
	width : 100px;
	height : 50px;
	overflow : hidden;
	position : relative;
}
a#logo span{
	background : transparent url(logo.gif) no-repeat;
	position : absolute;
	left : 0;
	top : 0;
	width : 100px;
	height : 50px;
	cursor : pointer; 
}
HTML
PHP: 
<a href="/" id="logo">Логотип<span></span></a>
Если картинки отключены, пользователь видет ссылку, а если включены - картинку. Но это из области разделения кода страницы и его оформления.
 

Gorynych

Посетитель PHP-Клуба
"ну раз пошла такая пьянка...", то стоит кинуть ссылку на свойства фона - http://www.w3.org/TR/CSS21/colors.html#background-properties

еще один момент, который стоит учитывать - это поведение ссылок при навелении курсора и.т.п - http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes Достаточно часто "скачки" происходят от измения размерности отображаемого блока из за поведения "по-умолчанию" - измения шрифта на полужирный, подчеркнутый или добавления пространства для рамки (border'а). Такое поведение может быть просто унаследовано от какого-то другого стиля.
 
Войдите или зарегистрируйтесь для ответа.
Сверху