Alim_(I)
Эксперт
Дата регистрации:
26.04.2011 14:55:07
Сообщений: 119
Вот скриншот:
Вот код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>-moz-border-radius-topright</title>
</head>
<body>
<style type="text/css">
.amenu {
text-decoration: none;
color: black;
font-weight: bold;
}
.amenu:hover {
text-decoration: none;
color: black;
font-weight: bold;
}
.b0 {
border: 0;
}
.smenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
-moz-border-radius-topright: 40px 40px;
-moz-border-radius-topleft: 40px 40px;
}
.omenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
}
.emenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
}
</style>
<table cellspacing="0" border="1" style="-moz-border-radius-topright: 40px 40px; -moz-border-radius-topleft: 40px 40px;">
<tr>
<td style="cursor: pointer;" class="smenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="emenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
</div>
</body>
</html>
Почему правая часть рамки меняет цвет, и как избавиться от этой проблемы? Помогите пожалуйста.
P.S. Скриншот почему-то не добавляется:
<img>http://menu.jpg</img>
,
<img>menu.jpg</img>
Только вместо >, < это - ], [
shwarz
Новичок
Дата регистрации:
24.07.2010 20:12:05
Сообщений: 7
Алим, сделайте так
<table cellspacing="0" border="1" style=" border: 1px solid #000; -moz-border-radius: 40px 40px 0px 0px;">
и удалите свойво -moz-border-radius из стиля (.smenu) верхней строки. Достаточно одного раза для все таблицы в данном случае применить. Вот подправленный вариант
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>-moz-border-radius-topright</title>
</head>
<body>
<style type="text/css">
.amenu {
text-decoration: none;
color: black;
font-weight: bold;
}
.amenu:hover {
text-decoration: none;
color: black;
font-weight: bold;
}
.b0 {
border: 0;
}
.smenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
border:none;
}
.omenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
}
.emenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
}
</style>
<table cellspacing="0" border="1" style=" border: 1px solid #000; -moz-border-radius: 40px 40px 0px 0px;">
<tr>
<td style="cursor: pointer;" class="smenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="emenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
</div>
</body>
</html>
Alim_(I)
Эксперт
Дата регистрации:
26.04.2011 14:55:07
Сообщений: 119
Получается что закругленная часть рамки пропадает целиком, и фон не закругляется
shwarz
Новичок
Дата регистрации:
24.07.2010 20:12:05
Сообщений: 7
Вот попробуйте так.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>-moz-border-radius-topright</title>
</head>
<body>
<style type="text/css">
.amenu {
text-decoration: none;
color: black;
font-weight: bold;
}
.amenu:hover {
text-decoration: none;
color: black;
font-weight: bold;
}
.b0 {
border: 0;
}
.smenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
border: 1px solid #000;
-moz-border-radius: 40px 40px 0px 0px;
}
.omenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
border: 1px solid #000;
}
.emenu {
background-image: url(abstract.jpg);
padding: 5px;
margin-bottom: 10px;
width: 420;
white-space: nowrap;
text-align: center;
border: 1px solid #000;
}
</style>
<table cellspacing="0" border="1" style="border:none" >
<tr>
<td style="cursor: pointer;" class="smenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="omenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
<tr>
<td style="cursor: pointer;" class="emenu" onclick="location.href='mysite.ru'"><a href="mysite.ru" class="amenu">-moz-border-radius</a></td>
</tr>
</div>
</body>
</html>