dima2207

всем привет! создаю таблицу : <table width='85%' border='1' cellspacing='0' cellpadding='0' class='3'> <tr> <td width="11%" align='center' class='3'>Menu</td> <td width="73%" align='center' class='3'>Form</td> </tr> </table> и когда всталяю в поле form любую другую таблицу то она распологается не так должно быть с права , а в низу . я понимаю что если применять стили то этого глюка нет . но все-же интересует таблитчная верстка. как бороться с этим глюком в ие 7-8 ?

Вот полный код : body { margin:2em; padding:0; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; } a { color:#cc0000; text-decoration:underline; } a:hover { color:#ffffff; text-decoration:none; } blockquote { margin:2em; padding:1.9em; font-weight: bold; font-size: 12px; color: white; background-color:#000000; border-top:4px solid #FEED91; border-bottom:4px solid #FEED91; } blockquote p { margin:.1em; } #header { margin: 0 0 0 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background:#D4D9DD url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; } #header h1 { margin:0; padding:0; font-size:24px; color: black; font-family: Arial, Helvetica, sans-serif; } #header h3 { margin:0; padding:0; font-size:18px; color: black; font-family: Arial, Helvetica, sans-serif; } #header a { text-decoration:none; } #leftColumn { float: left; width:16em; margin: 0; padding: 0; background:#FFFFFF; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #000000; } #leftColumn h2 { margin:0 0 0 0; padding:0; font-size:12px; color: #BC7908; letter-spacing:.1em; } #centerColumn { margin: 0 15.4em; padding: 1em .5em 2em .5em; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; background-color: #fff; } #centerColumn h2 { margin:0; padding:0; font-size:1em; color: #BC7908; letter-spacing:.1em; } #centerColumn h3 { margin:0; padding:0; font-size: 12px; color: #000; text-align: center; letter-spacing:.1em; } #rightColumn { float: right; width:16em; margin:0; padding:-10; background:#FFFFFF; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #000000; } #rightColumn h2 { margin:0 0 0 0; padding:0; font-size:12px; color: #BC7908; letter-spacing:.1em; } /* CHANGED */ #wrapper { overflow: hidden; } #tags { margin:0 0 .5em 0; width:10em; float:right; border:none; text-align:right; } #tags img { border:none; } #tags p { margin:0 0 .25em 0; } #tags a { font-size:.7em; color:#cc0000; } .centerimg { display:block; margin-left:auto; margin-right:auto; text-align:center; } #leftImg { float:left; padding: 0 0px 0px 0; }

Как исправить баг в эксплорере 6 ? Скачит центральный блок по экрану ! #centerColumn { margin: 0 15.4em; padding: 1em .5em 2em .5em; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; background-color: #fff; }

Всем привет ! Подскажите как сверстать страницу что-бы колонки были одинаковой высоты ? Напримере: body { margin:2em; padding:0; background: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; } a { color:#cc0000; text-decoration:underline; } a:hover { color:#000000; text-decoration:none; } blockquote { margin:2em; padding:1.9em; font-weight: bold; font-size: 12px; color: white; background-color:#000000; border-top:4px solid #FEED91; border-bottom:4px solid #FEED91; } blockquote p { margin:.1em; } #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:0px solid ##2D5289;; } #header h1 { margin:0; padding:0; font-size:24px; color: black; font-family: Arial, Helvetica, sans-serif; } #header h3 { margin:0; padding:0; font-size:18px; color: black; font-family: Arial, Helvetica, sans-serif; } #header a { text-decoration:underline; } #leftColumn { float: left; width:16em; margin: 0; padding: 1em .5em 2em .5em; background:#000000; /*border:1px solid #eeeeee;*/ font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #000000; } #leftColumn h2 { margin:0 0 0; padding:0; font-size:12px; color: #BC7908; letter-spacing:.1em; } #centerColumn { margin: 0 15.4em; padding: 1em .5em 2em .5em; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; background-color: #000; } /* Fix IE and Opera 5 */ * html #centerColumn { float: left; margin-left: 0.2em; margin-right: 0.2em; } #centerColumn h2 { margin:0; padding:0; font-size:1em; color: #BC7908; letter-spacing:.1em; } #centerColumn h3 { margin:0; padding:0; font-size: 12px; color: #000; text-align: center; letter-spacing:.1em; } #rightColumn { float: right; width:16em; margin:0; padding:1em .5em 2em .5em; background:#000000; border:0px solid #eeeeee; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #000000; } #rightColumn h2 { margin:0 0 0; padding:0; font-size:12px; color: #BC7908; letter-spacing:.1em; } /* CHANGED */ #wrapper { overflow: hidden; }

всем привет! как зафиксировать слой в низу экрана что-бы при прокрутке страницы он оставался на месте .

КЛАСС ! Заботает ! Спасибо!

#header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; } <div id="header"> <div style="position: relative;width: 100%;"> <div style="width: 100%;position: absolute;left: 0px;top: 0px;"> <div style="margin-left: 85%;"><form name="" action="" method="post"> <table width='200' border='0' cellspacing='0' cellpadding='0' class='3'> <tr> <td align='center' class='3'>Имя: Пароль:</td> <td align='center' class='3'><input style="padding-left:20px" name="Name" type="text" value="" size="15"> <input style="padding-left:20px" name="Name" type="text" value="" size="15"> </td> </tr> <tr> <td align='center' class='3'> </td> <td align='center' class='3'><input name="submit" type="submit" value="Send" /></td> </tr> <tr> <td align='center' class='3'> </td> <td align='center' class='3'><a href="">Регистрация</a> <hr width=80 /></td> </tr> <tr> <td align='center' class='3'> </td> <td align='center' class='3'><a href="">Забыли пароль?</a> </td> </tr> </table> </form> </div> </div> </div> </div> Как - же сделать что-бы невылазило ?

Не понял . приведите пример пожалуйста . нужно спозиционировать относительно блока другой блок на 500 px по горизонтали .

всем привет ! как разместить несколько блоков поверх картинки на примере : #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; }

Дело в следующем : есть скрипт фотогалереи , я его немного переработал , добавил что-бы инфа бралась из бд и в цикле выводилась на экран : <div id="motioncontainer" style="position:relative;overflow:hidden;"> <div id="motiongallery" style="position:absolute;left:50;top:0;white-space: nowrap;"> <nobr id="trueContainer"> <? for ($t=1;$t<count($news1);$t++){ if ($news1[$t]==''){} else { ?> <a href="<?=@$news1[$t];?>" rel="lightbox" title="<center><font color=red><?=@$news3[$t];?> СКАЧАТЬ ЭТО ФИЛЬМÌ</font></center>" rev="index.php?oz=<?=@$news2[$t];?>"><img src="<?=@$news1[$t];?>" width="70" height="111" alt="" border="0"></a> <? } ?> </nobr> </div> </div> И все было-б нормально если не одно но, а именно когда я пытаюсь разместить надпись прямо под картинкой , то у меня получается что картинки распологаются не в ряд а в столбик , что само по себе неприемлемо . подскажите как разместить надписи прямо под картинкой и желательно что-бы надписи не вылазили за пределы картинки .

Всем привет ! Как с помощью стилей сделать чтобы надпись была под картинкой а-не справа и чтобы надпись невыходила за пределы картинки . есть код : #motioncontainer { margin:0 auto;/* Uncomment this line if you wish to center the gallery on page */ width: 600px; /* Set to gallery width, in px or percentage */ height: 150px; /* Set to gallery height */ } #motioncontainer a img { border: 1px solid #cccccc; /* Set image border color */ } #motioncontainer a:hover img { border: 1px solid navy; /* Set image border hover color */ } #statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: -300px; visibility: hidden; } #motioncontainer a:hover { color: red; /* Dummy definition to overcome IE bug */ }

Всем привет! Как создать таблицу что-бы независимо от содержимого ее размеры по горизонтали оставались неизменными . Нужно что-бы строка "ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ" ложилась в таблицу width='150' height=* *параметр высоты незадан . Что-бы размеры таблицы изменялись в зависимости от содержимого по высоте а-не по ширине .

Как убрать отступы между двумя изображения , что-бы они прилягали друг к другу ? <p align="center"><TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD ROWSPAN=7> <IMG SRC="images/image_01.gif" WIDTH=17 HEIGHT=428 ALT=""></TD> <TD COLSPAN=6> <IMG SRC="images/image_02.gif" WIDTH=266 HEIGHT=131 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/image_03_blank.gif" WIDTH=199 HEIGHT=169 ALT=""></TD> <TD COLSPAN=2 ROWSPAN=4> <IMG SRC="images/image_04.gif" WIDTH=101 HEIGHT=253 ALT=""></TD> <TD ROWSPAN=8> <IMG SRC="images/image_05.gif" WIDTH=17 HEIGHT=449 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=131 ALT=""></TD> </TR>

а как мне быть если фоновое изображение - картинка ( и то и другое картинка ) и мне надо чтобы оно отображалось как фон , т.е что-бы при наведении на картинку курсора небыло в левом верхнем углу меню типа записать картинку на диск и т.п !!!

дело все в том что когда я пользуюсь методом: то в фаере получается бред на экране !!!

а екак же быть с отображением в фаерфоксе ( если я буду задавать обсолютные координаты ) .

привет всем !!! люди подскажите как наложить один бакграунд поверх другого ?