<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

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

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

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

Подписавшись по 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>
Профиль