Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
можно посмотреть здесь http://tigir.com/alpha_png.htm
-
попробуй так <!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[*/ a { display: block; background: #fff; width: 150px; height:150px; vertical-align: middle; } /*]]>*/ </style> </head> <body> <table align="left" cols="5" border="0" width="100%" bordercolor="#000000" bgcolor="#efefdd"> <tr> <td><a href="genre_pictures_1.htm" target="_self" title="Жанровая живопись"><img src="../pictures/genre_pictures/2003/preview/10.jpg" alt="Жанровая живопись" width="150" height="99" border="0"> Жанровая живопись</a></td></td> <td><a href="artdecor_1.htm" target="_self" title="Артдеко"><img src="../pictures/artdecor/2002/preview/6.jpg" alt="Артдеко" width="150" height="101" border="0"> Артдеко</a></td></td> <td><a href="copies_of_picture_1.htm" target="_self" title="Копии картин"><img src="../pictures/copies_of_picture/1999/preview/5.jpg" alt="Копии картин" width="124" height="150" border="0"> Копии картин</a></td></td> <td><a href="landscape_1.htm" target="_self" title="Пейзаж"><img src="../pictures/landscape/1998/preview/1.jpg" alt="Пейзаж" width="150" height="127" border="0"> Пейзаж</a></td></td> <td><a href="still_life_1.htm" target="_self" title="Натюрморт"><img src="../pictures/still_life/2006/preview/34.jpg" alt="Натюрморт" width="150" height="118" border="0"> Натюрморт</a></td></td> </tr> </table> </body> </html>
-
http://absolvo.ru/2008-03-25/interesnoe-re...xplorer-6-ie6/#
-
да ведать никак. на чем заткнулся и уполз под стол. <!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[*/ table { width: 100%; table-layout: fixed; } #fixed { overflow: hidden; } p { white-space: nowrap; } /*]]>*/ </style> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ function addCol() { var table = document.getElementById("table").getElementsByTagName("TR")[0]; var td1 = document.createElement("TD"); table.appendChild(td1); td1.innerHTML = "test"; } /*]]>*/ </script> </head> <body> <table border="1" id="table"> <tr> <td>test</td> <td id="fixed"><p>test, test, test, test, test</p></td> <td>test</td> </tr> </table> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ var fix = document.getElementById('fixed').clientWidth; if (fix < 100) { document.getElementById("fixed").style.width = 100 + "px"; document.write("TD id='fixed': " + fix); } else { document.getElementById("fixed").style.width ="auto"; document.write("TD id='fixed' width : " + fix); } /*]]>*/ </script> <form action="" onsubmit="addCol();return false;"> <input type="submit" value="Добавить" /> </form> </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 { background-image: url(SplashScreen.bmp); background-position: center center; } /*]]>*/ </style> </head> <body> </body> </html>
-
ах вон оно как, не дочитал сори.
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; border: none; height: 100%; } div { background: silver; height: 100%; margin-left: 50%; } #top { height: 50%; background: #fff; margin: 0; } /*]]>*/ </style> </head> <body> <div> <div id="top"></div> </div> </body> </html> так не покатит ?
-
http://imfo.ru/computers/footer-absolute может поможет.
-
на эту же ячейку и вешать. Типа если больше 100пх то ауто если меньше то 100пх
-
ну тогда наводящий вопрос, как разместить блок шириной 65px в блоке шириной в 50px ? предполагаю что должно было быть так, да же без float. <!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[*/ .red { width: 50px; height: 13px; background: #f00; } .green{ width: 65px; height: 13px; background: green; font-size: 0; } /*]]>*/ </style> </head> <body> <div class="green"> <div class="red"></div> </div> </body> </html>
-
float - не ?
-
3 колонки, ширина средней растягивается по содержимому
Scrum replied to cereal005's question in HTML Coding
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper { background:url('../images/content.jpg') repeat-x; } #content { margin: 0 210px 0 210px; background-color: white; } #left { float:left; width:210px; background-color: yellow; } #right { float:right; width:210px; background-color: red; } #footer { clear:left; background:#222; color:#fff; } /*]]>*/ </style> </head> <body> <div id="header"> Шапка сайта Шапка сайта Шапка сайта Шапка сайта </div> <div id="main"> <div id="wrapper"> <div id="left">Левое меню Левое меню Левое меню Левое меню Левое меню Левое меню Левое меню Левое меню Левое меню Левое меню Левое меню</div> <div id="right">Правое меню Правое меню Правое меню Правое меню Правое меню Правое меню Правое меню Правое меню Правое меню Правое меню Правое меню Правое меню </div> <div id="content"> Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент </div> </div> </div> <div id="footer"> Подвал</div> </body> </html> так чтоль ? -
уже ждал этого вопроса )) да и так по суте вопрос был вообще немного другой
-
немного подумав. А зачем тебе событие ? как на счет условия ?
-
Serhij http://forum.htmlbook.ru/index.php?showtopic=6373 внимательно вчитываемся.
-
не надо им указывать ширину они и так делятся равномерно <html> <title>test</title> <style> table { width: 100%; } table td { vertical-align:top;} </style> <body> <table border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html>
-
если я правильно понял идею то это бессмыслено, т.к. у тд будет overflow и при сужение окна он все равно обрежет. [window.]document.getElementById("elementID").style.width ???
-
из этого я понял что ячейка должна тянуться, но при сужение должна иметь мин-ширину. Да скорее всего придеться через JavaScript почему ? у меня же работает ))
-
<!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[*/ table { width: 100%; table-layout: fixed; } .fixed { width: 100px; overflow: hidden; } p { white-space: nowrap; } /*]]>*/ </style> </head> <body> <table border="1"> <tr> <td>test</td> <td class="fixed"><p>test, test, test, test, test</p></td> <td>test</td> </tr> </table> </body> </html> оно ?
-
странно но если добавить бордер то вроде как все хорошо/ #body { background: #fff; border: 1px solid red;} почему ?, честно пока не знаю.
-
когда ж она у тебя кончиться то ?
-
дома посмотрю, но принцип такой <!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[*/ #test1 { border: 1px solid red; } #test1 img { float: left; } #test2 { border: 1px solid red; float: left; width: 100%; } #test2 img { float: left; } /*]]>*/ </style> </head> <body> <div id="test1"> <img src="http://kim-evgene.ucoz.ru/MilanoModa/images/pollini.jpg" alt="Pollini" /> </div> <div style="clear: both;"></div> <div id="test2"> <img src="http://kim-evgene.ucoz.ru/MilanoModa/images/pollini.jpg" alt="Pollini" /> </div> </body> </html>
-
#content {float: left; width: 100%;}
-
p { text-indent: 50px; }
-
необходимо сменить доктайп на <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> <!-- html, body { height: 100%; margin: 0; padding: 0; border: none; } table { border-collapse: collapse; border: 1px solid red; height: 100%; width: 100%; } td { padding: 0; border: 1px solid gray; } #content { height: 100%; } --> </style> </head> <body> <table cellspacing="0"> <tr> <td>Head</td> </tr> <tr> <td>Menu</td> </tr> <tr> <td>Logo</td> </tr> <tr> <td id="content"> content </td> </tr> <tr> <td>Footer</td> </tr> </table> </body> </html>