<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

fieldset растягивается на всю страницу
21.05.2012 15:56:48 fieldset растягивается на всю страницу Сообщение #1
al_im

al_im

Новичок

Новичок

Дата регистрации:
20.05.2012 18:25:19

Сообщений: 16

Почему то тег fieldset на всю страницу растягивается в ширину, вот скриншот - http://savepic.su/2014432.htm

Вот код HTML:

<html>
<head>
<meta http-equiv = "Content-type" content = "text/html; charset = windows-1251">
<link rel="stylesheet" type="text/css" href="styles.css">
<meta name = "robots" content = "index,follow">
</head>
<body>

<table width="100%" height="100%" border="1">
<tr>
<td height="20%" width="100%">1</td>
</tr>
<tr>
<td height="100%"><fieldset width="20%" height="20%"><legend><h3>Главное меню</h3></legend><br>
</fieldset></td>
</tr>

<div id="slow">
<a href='http://myrusakov.ru/' target='_blank'><img src='http://myrusakov.ru/images/button.gif' border='0' width='100%' height='31' alt='Как создать свой сайт' /></a>
<br>
<br>&nbsp;<b>Большую &nbsp;благодарность &nbsp;отдаю этому &nbsp;сайту, &nbsp;он научил &nbsp;меня легко &nbsp;создавать &nbsp;и &nbsp;раскручивать &nbsp;сайты</b>
<div>
</table>
</body>
</html>


Вот файл styles.css:

body {

margin: 0;
padding: 0;
}
#slow {

background:lightgray;
width: 140px;
height: 220px;
position: fixed;
left:89%;top: 10%;
vertical-align: top;
}


Мне нужно, что бы тег fieldset не расширялся на всю страницу, а был такой как написано (<fieldset width="20%" height="20%">)
В чем тут проблема?



Профиль
21.05.2012 23:04:13 fieldset растягивается на всю страницу Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

У fieldset нет атрибутов width и height, поэтому их задавать бесполезно. А вообще fieldset определяется внутренним количеством элементов формы, либо размером родительских контейнеров. Размеры fieldset задавать вообще не нужно, а задавайте размеры родительского контейнера и вставляйте туда элементы формы (он именно для этого предназначен, а не для главного меню как у Вас).
Профиль
22.05.2012 16:49:06 fieldset растягивается на всю страницу Сообщение #3
al_im

al_im

Новичок

Новичок

Дата регистрации:
20.05.2012 18:25:19

Сообщений: 16

Вот немного поправил, проблема та же, пробовал засунуть это меню в ячейку, ячейка откуда то справа вылезла и наоборот сильно уменьшилась...
Код HTML:
<html>
<head>
<meta http-equiv = "Content-type" content = "text/html; charset = windows-1251">
<link rel="stylesheet" type="text/css" href="styles.css">
<meta name = "robots" content = "index,follow">
</head>
<body>

<table width="100%" height="100%" border="1">
<tr>
<td height="20%" width="100%">&nbsp;</td>
</tr>
<tr>
<td height="100%"><div id="orngm"><h3>Главное меню</h3></div><br>


<div id="slow">
<a href='http://myrusakov.ru/' target='_blank'><img src='http://myrusakov.ru/images/button.gif' border='0' width='100%' height='31' alt='Как создать свой сайт' /></a>
<br>
<br>&nbsp;<b>Большую &nbsp;благодарность &nbsp;отдаю этому &nbsp;сайту, &nbsp;он научил &nbsp;меня легко &nbsp;создавать &nbsp;и &nbsp;раскручивать &nbsp;сайты</b>
<div>
</table>
</body>
</html>


CSS файл:

body {

margin: 0;
padding: 0;
}

#slow {

background:lightgray;
width: 140px;
height: 220px;
position: fixed;
left:89%;top: 10%;
vertical-align: top;
}

#orngm {
background: orange;
border: 1px;
widht:10%;
height:10%;
}
Профиль