Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
textarea { background: transparent; }
-
изучать основы. http://stepbystep.htmlbook.ru/?id=44
-
назначить вложенной таблице идентификатор.
-
- для начала надо написать что некорректно/неправильно отображается
-
выкладывал, то же вариант. http://forum.htmlbook.ru/index.php?showtopic=11887
-
Viktor <title>Как поймать льва в пустыне?</title> и где-то на пиксель просчитался.
-
table-layout: fixed;
-
чего-то кнопочка редактировать куда то пропала. Сами понимаете в 7 часов утра не особо хотелось описывать. Решил реализовать простенький каркас где: 1.хеад и футтер фиксированной высоты (можно то же резиновый но мало где применим). 2.меню и контент занимают оставшуюся часть экрана. 3.футтер всегда прижат к низу. На сколько помню такой каркас можно было реализовать таблицами в quirk mode, либо с использованием хаков или js Основные требования: 1.Валидность 2.Кросс под еи 6 и выше, фф, опера, сафари. (в еи 7 и фф 2 не проверял. у кого найдется (время и желание протестить) милости прошу высказываться) 3.Без использования хаков, жс, экспрешен. немного дополнил. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; height: 100%; color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; border: 0; } #carrier { height: 100%; } #head, #footer { background: #404040; color: orange; height: 35px; padding-top: 15px; text-align: center; position: relative; } #content { height: 100%; margin: -50px 0 -50px 197px; padding-left: 8px; background: #660000; display: table; } #menu { float: left; width: 200px; height: 100%; margin: -50px -3px -50px 0; background: #D6D6D6; } ul { list-style-type: none; } .substrate { height: 50px; } /*]]>*/ </style> </head> <body> <div id="carrier"> <div id="head"> head </div> <div id="menu"> <div class="substrate"></div> <ul> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> </ul> <div class="substrate"></div> </div> <div id="content"> <div class="substrate"></div> <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus</p> <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus</p> <div class="substrate"></div> </div> <div id="footer"> footer </div> </div> </body> </html>
-
а для еи ?
-
скажите что такой реализации не было, что я зря потратил время. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; height: 100%; color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; border: 0; } #carrier { height: 100%; } #head, #footer { background: #404040; color: orange; height: 35px; padding-top: 15px; text-align: center; position: relative; } #content { height: 100%; margin: -50px 0 -50px 200px; background: #660000; display: table; } #menu { float: left; margin: 20px 0; } .substrate { height: 50px; } /*]]>*/ </style> </head> <body> <div id="carrier"> <div id="head">head</div> <div id="menu"> <ul> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> <li><a href="#">menu</a></li> </ul> </div> <div id="content"> <div class="substrate"></div> <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus </p> <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus </p> <div class="substrate"></div> </div> <div id="footer">footer</div> </div> </body> </html>
-
js в помощь. копать в сторону offsetHeight
-
все нормально работает <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { height: 100% } #menu { float: left; width: 14%; height: 100%; border: 1px dotted #000; } #content { background: #fbedff; height: 100%; margin-left: 15%; border: 1px solid red; } /*]]>*/ </style> </head> <body> <div id="menu"> <ul> <li><a href="#">menu 1</a></li> <li><a href="#">Lorem ipsum</a></li> </ul> </div> <div id="content"> <iframe src="list/List/test.html" height="100%" width="100%" scrolling="no" frameborder="no" name="text">Ваш браузер не поддерживает плавающие фреймы!</iframe> </div> </body> </html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; } #content { height: 90%; overflow: auto; } #footer { height: 10%; background: #404040; color: #fff; } /*]]>*/ </style> </head> <body> <div id="content"> content </div> <div id="footer">footer</div> </body> </html>
-
мерси, будет чем на выходных заняться.
-
Anami неугадал. Дочерние селекторы
-
а есть psd ? для интереса (своего) хочу заверстать.
-
а вы собственно чего пытаетесь сделать ? жесть.
-
border-collapse: collapse;
-
толком объясните чего надо, если толком не получается попробуйте на пальцах, на картинках итд.
-
внимательнее смотрите .menu_2{ ... background: url() repeat-y right; // repeat right image }
-
чем мой вариант не вариант ?
-
пока нету макета попробую на вскидку. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ .menu_2{ border: 1px solid black; width:542px; position: relative; background: url() repeat-y right; // repeat right image } .menu_2 P{ border: 1px solid black; font-size:12px; width:400px; margin: 0; } .bg_top, .bg_bottom { position: absolute; right: 0; width: 80px; height: 10px; font-size: 0; } .bg_top { top: 0; background: url(); //top image } .bg_bottom { bottom: 0; background: url(); //bottom image } /*]]>*/ </style> </head> <body> <div class="menu_2"> <div class="bg_top"></div> <div class="bg_bottom"></div> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hello</p> </div> </body> </html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table border="1" width="100%"> <tr> <td colspan="2">1</td> <td rowspan="5">2</td> <td colspan="2">3</td> <td colspan="2">4</td> </tr> <tr> <td width="50">5</td> <td>6</td> <td rowspan="2" width="5">7</td> <td rowspan="2">8</td> <td width="50">9</td> <td>10</td> </tr> <tr> <td>11</td> <td>12</td> <td rowspan="2">13</td> <td rowspan="2">14</td> </tr> <tr> <td>15</td> <td>16</td> <td rowspan="2" width="50">17</td> <td rowspan="2">18</td> </tr> <tr> <td>19</td> <td>20</td> <td>21</td> <td>22</td> </tr> </table> </body> </html>
-
не с первого раза получилось, теряю былую легкость.
-
удовольствия не получил. baklofen Тестим