Jump to content

koroles

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by koroles

  1. вот страничка сайта я сделал фон с помощью body { background-image: url(img/fon.jpeg); background-repeat: repeat; } Все норм,но мне нужно там где сама страничка был белый фон!я сначала просто взял белю картинку и поставил ее на фон,но мне сказали что так нельзя делать и у мя никак не получается сделать белый фон и при этом во круг сайта стоял этот фон!!как мне так сделать? вот так должно быть html <html> <head> <link rel="stylesheet" type="text/css" href="gh.css" title="MyStyleSheet"> <title>Иваново</title> </head> <body> <div id="cen"> <div> <img src="img/flag.jpg" width="1024"> <img src="img/1.png" width="1024"> </div> <div> <img src="img/lev.jpeg" width="100" height="1200" id="le"> <img src="img/rig.jpeg" width="100" height="1200" id="ri"> </div> <div> <img src="img/1.png" width="1024" id="bot"> </div> <div class="menu"> <ul> <li><a class="hide" href="">О Иваново</a> <ul> <li><a href="" title="">История города</a></li> <li><a href="" title="">Известные уроженцы города</a></li> <li><a href="" title="">Исторические достопримечательности</a></li> </ul> </li> <li><a class="hide" href="">Учереждения города</a> <ul> <li><a href="" title="">Образовательные учереждения</a></li> <li><a href="" title="">Здравохранительные учереждения</a></li> <li><a href="" title="">Кинотеатры</a></li> <li><a href="" title="">Музеи</a></li> </ul> </li> <li><a class="hide" href="">Галлерея</a> <ul> <li><a href="" title="">Фото</a></li> <li><a href="" title="">Видео</a></li> </ul> </li> <li><a class="hide" href="">Отзывы и предложения</a> <ul> <li><a href="" title="">хз пока не придумали</a></li> </ul> </li> </ul> </div> <div id="tab"> <div style="border:solid #bbb; border-width:1px 0;width:342;background:PaleTurquoise;font-weight:800" align="center"><span class="fn org" style="font-size:120%">Иваново</span></div> <table style="background:inherit;width:344" border="1" cellspacing="0"> <tr> <td style="background:#f0f0f0;font-weight:bold">Флаг</td> <td style="background:#f0f0f0;font-weight:bold">Герб</td> </tr> <tr> <td style="vertical-align:middle"><img alt="Флаг" src="http://i.imgur.com/LOGRm.png" width="160" height="106" /></td> <td style="vertical-align:middle"><img alt="Герб" src="http://i.imgur.com/ENmq5.png" width="90" height="122" /></td> </tr> </table> <table style="background:inherit;width:300" cellspacing="0" border="1" > <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Страна</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Россия<span class="adr" style="display:none"><span class="country-name">Россия</span></span></td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Субъект федерации</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Ивановская область<span class="adr" style="display:none"><span class="region">Ивановская область</span></span></td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Внутреннее деление</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">4 района:<br /> Ленинский, Октябрьский,<br /> Советский, Фрунзенский</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Глава</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Вячеслав Михайлович Сверчков (с 24 марта 2010 г.)</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Первое упоминание</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">1561</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Прежние названия</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">до 1932 — <i>Иваново-Вознесенск</i><br /></td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Город с</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">1871</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Площадь</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">104,84<sup id="cite_ref-.D0.9F.D0.BB.D0.BE.D1.89.D0.B0.D0.B4.D1.8C_0-0" class="reference"></sup> км</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Высота центра</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">120 м</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Население</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em"><span style="white-space: nowrap;"><span style="color: #0c0; font-size: larger;">^</span> 409 277 человек (2011)</span></td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Этнохороним</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">ивановец, ивановка, ивановцы</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Часовой пояс</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">UTC+4</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Телефонный код</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">+7 4932</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Почтовый индекс</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">153000</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Автомобильный код</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">37</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Код ОКАТО</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">24 401</td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Официальный сайт</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em"><a rel="nofollow" class="external free" href="http://ivgoradm.ru/">http://ivgoradm.ru/</a></td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Награды</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em"><a href="" title="Орден Октябрьской Революции — 1970"><img alt="Орден Октябрьской Революции — 1970" src="http://i.imgur.com/3veVu.gif" width="36" height="35" /></a></td> </tr> <tr> <td style="background:PaleTurquoise;width:50%;text-align:right;padding-left:0.5em;padding-right:0.5em;white-space:nowrap">Прозвища</td> <td style="width:50%;text-align:left;padding-left:0.5em;padding-right:0.5em">Русский Манчестер<br /> Красный Манчестер<br /> Родина первого совета<br /> Город невест</td> </tr> </table> </div> </div> </body> </html> css #cen{ position: relative; margin:0 auto 0 auto; width: 1000px; top:-7; } #ri { position: relative; left:820; } #le { position: relative; top:0; } #bot { position: relative; top:-10; } body { background-image: url(img/fon.jpeg); background-repeat: repeat; } #tab { position: relative; top:-1170; left:570; } .menu{ font-family:arial, sans-serif; width:1500; top:-1212; position:relative; font-size:11px; z-index:10 } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; width:256px; height:20px; text-align:center; color:#000000; /*Цвет букв начальных*/ border:1 solid #000000; /*Ширина между строк*/ background:#ffffff; /*Цвет главной рамки*/ line-height:20px; font-size:11px; overflow:hidden } .menu ul{ padding:0; margin:0; list-style:none } .menu ul li{ float:left; position:relative} .menu ul li ul{ display:none } .menu ul li:hover a{ color:#000000; } .menu ul li:hover ul{ display:block; position:absolute; top:21px; left:0; width:105px } .menu ul li:hover ul li a{ display:block; background:#fff; color:#000 } .menu ul li:hover ul li a:hover{ background:#ffff00; color:#000 }
  2. ShumNo Спасибо большое ошибка была глупой!все исправил и все стало норм(горизонтально )
  3. ShumNo В смысле места недостаточно??как сделать тогда что бы было достаточно??
  4. ShumNo я так делал и умя меню новые менюшки встают под те каторые уже были а надо что бы они шли все горизонтально
  5. Вот мне нужно доделать меню,но у меня не получатся!! сейчас вы видите 2 менюшки а то что красным мне нужно доделать!(что бы получилось 4 как на скриншоте) то есть вот как оно должно быть!! наводишь курсор на О иваново и у тя открывается подменю .... css .menu{ font-family:arial, sans-serif; width:500; top: 87; left:-8; position:relative; font-size:11px; z-index:10 } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; width:200px; height:20px; text-align:center; color:#000000; /*Цвет букв начальных*/ border:1 solid #000000; /*Ширина между строк*/ background:#ffffff; /*Цвет главной рамки*/ line-height:20px; font-size:11px; overflow:hidden } .menu ul{ padding:0; margin:0; list-style:none } .menu ul li{ float:left; position:relative} .menu ul li ul{ display:none } .menu ul li:hover a{ color:#000000; } .menu ul li:hover ul{ display:block; position:absolute; top:21px; left:0; width:105px } .menu ul li:hover ul li a{ display:block; background:#fff; color:#000 } .menu ul li:hover ul li a:hover{ background:#ffff00; color:#000 } body <div class="menu"> <ul> <li><a class="hide" href="">О Иваново</a> <ul> <li><a href="" title="">История города</a></li> <li><a href="" title="">Известные уроженцы города</a></li> <li><a href="" title="">Исторические достопримечательности</a></li> </ul> </li> <li><a class="hide" href="">Учереждения города</a> <ul> <li><a href="" title="">Образовательные учереждения</a></li> <li><a href="" title="">Здравохранительные учереждения</a></li> <li><a href="" title="">Кинотеатры</a></li> <li><a href="" title="">Музеи</a></li> </ul> </li> </ul> </div> сразу говорю меню верстал не я!!(мне мозгов не хватит)!!Очень нужна ваша помощь
  6. sigma77 #tab { position: absolute; left:250; } относится к <table id="tab" border="1" cellpadding="7" cellspacing="0"> как я уже говорил я не знал как уже писать и решил побывать через таблицы
  7. Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; left: 1050; } .kk { position: relative; left: 500; } #r { position: relative; left:250; } .menu{ font-family:arial, sans-serif; width:212; height:200; top: 108; left: -10; position:relative; font-size:11px; z-index:100 } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; color:#000000; /*Цвет букв начальных*/ border:1 solid #000000; /*Ширина между строк*/ background:#ffffff; /*Цвет главной рамки*/ line-height:20px; font-size:11px; overflow:hidden } .menu ul{ padding:0; margin:0; list-style:none } .menu ul li{ float:left; position:relative} .menu ul li ul{ display:none } .menu ul li:hover a{ color:#000000; } .menu ul li:hover ul{ display:block; position:absolute; top:21px; left:0; width:105px } .menu ul li:hover ul li a{ display:block; background:#fff; color:#000 } .menu ul li:hover ul li a:hover{ background:#ffff00; color:#000 } #tab { position: absolute; left:250; } </style> <title>Иваново</title> </head> <body> <img src="http://s43.radikal.ru/i102/1111/c0/ad0fbaef10e6.jpg" id="flag" width="1280" height="100"> <img src="http://s017.radikal.ru/i429/1111/ff/a89744ef9742.jpg" id="levaya"> <img src="http://s017.radikal.ru/i437/1111/42/7d3a5e76dea9.jpg" id="pravaya"> <div class="menu"> <ul> <li><a class="hide" href="">Раздел 1</a> <ul> <li><a href="" title="">Страница 1</a></li> <li><a href="" title="">Страница 1.1</a></li> <li><a href="" title="">Страница 1.2</a></li> </ul> </li> <li><a class="hide" href="">Раздел 2</a> <ul> <li><a href="" title="">Страница 2</a></li> <li><a href="" title="">Страница 2.1</a></li> <li><a href="" title="">Страница 2.2</a></li> <li><a href="" title="">Страница 2.3</a></li> <li><a href="" title="">Страница 2.4</a></li> <li><a href="" title="">Страница 2.5</a></li> </ul> </li> </ul> <br/> <h1 class="kk">Иваново</h1> <table id="tab" border="1" cellpadding="7" cellspacing="0"> <tr> <td class="la">Ива?ново — город в центральной России на берегу реки Уводь, административный центр Ивановской области. Население 409 277 чел. (на 2011 год)[2]. Иваново было основано путём слияния села Иваново и Вознесенского посада в 1871 году. Город в первую очередь известен своей промышленностью, образовательными учреждениями и революционной историей. Известен под названиями «Город невест», «Родина первого Совета», «Ситцевый край», текстильная столица России[3], а также «Русский и Красный Манчестер»[4].</td> </tr> </table> </body> </html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy