<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Почему часть рамки меняет цвет
15.08.2011 10:08:45 Почему часть рамки меняет цвет Сообщение #1
Alim_(I)

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> Только вместо >, < это - ], [
Профиль Ответить
20.08.2011 21:28:05 Почему часть рамки меняет цвет Сообщение #2
shwarz

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>
Профиль Ответить
21.08.2011 16:29:04 Почему часть рамки меняет цвет Сообщение #3
Alim_(I)

Alim_(I)

Эксперт

Эксперт

Дата регистрации:
26.04.2011 14:55:07

Сообщений: 119

Получается что закругленная часть рамки пропадает целиком, и фон не закругляется
Профиль Ответить
21.08.2011 17:52:09 Почему часть рамки меняет цвет Сообщение #4
shwarz

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>
Профиль Ответить