Автор Тема: HTML код  (Прочетена 3378 пъти)

VladSun

  • Напреднали
  • *****
  • Публикации: 2166
    • Профил
Re: HTML код
« Отговор #15 -: Feb 03, 2009, 21:30 »
Цитат на: gat3way в Feb 03, 2009, 20:12
div-а може ли и вертикално да ги прави тези работи?

Аз понеже не съм уеб девелопер и живея в едни времена отпреди 10 години, ползвам таблици за щяло и не щяло....такива неща са ми много нови :)

Аз пък напоследък се радвам на възможността да работя по web приложения без да ползвам почти никакъв HTML - само ExtJS и тук-там малко CSS :)
BODY-то на страниците ми е празно :)
Активен
KISS Principle ( Keep-It-Short-and-Simple )
http://openfmi.net/projects/flattc/
Има 10 вида хора на този свят - разбиращи двоичния код и тези, които не го разбират :P

phantomlord

  • Напреднали
  • *****
  • Публикации: 1832
  • Distribution: Debian Sid
  • Window Manager: KDE 4
  • Fall to your knees and bow to the Phantom Lord
    • Профил
    • WWW
Re: HTML код
« Отговор #16 -: Feb 04, 2009, 11:36 »
Здравейте,
Искам да питам а таблица как е най-добре да се центрира вертикално?
Активен
http://myfreesoft.net/phpBB2/index.php?c=7
Помогни си сам, за да ти помогне и Господ
Linux - connecting people...

ivo3d

  • Напреднали
  • *****
  • Публикации: 161
  • Distribution: Mint Linux
  • Window Manager: Gnome
    • Профил
Re: HTML код
« Отговор #17 -: Feb 04, 2009, 12:25 »
Искаш самата таблица да се центрира вертикално или съдържанието в нея?
Активен

completer

  • Напреднали
  • *****
  • Публикации: 347
  • Distribution: Debian 6.0
  • Window Manager: Gnome
    • Профил
    • WWW
Re: HTML код
« Отговор #18 -: Feb 04, 2009, 13:32 »
Уоу доста сте се поизписали! Благодаря много за помощта Ви златни сте!
Активен
I'm using Linux and i'm proud of it!!!
I hate Windows and i'm also proud of it!!! :)

phantomlord

  • Напреднали
  • *****
  • Публикации: 1832
  • Distribution: Debian Sid
  • Window Manager: KDE 4
  • Fall to your knees and bow to the Phantom Lord
    • Профил
    • WWW
Re: HTML код
« Отговор #19 -: Feb 04, 2009, 14:07 »
Цитат на: ivo3d в Feb 04, 2009, 12:25
Искаш самата таблица да се центрира вертикално или съдържанието в нея?
Самата таблица да стои вертикално центрирана.
Активен
http://myfreesoft.net/phpBB2/index.php?c=7
Помогни си сам, за да ти помогне и Господ
Linux - connecting people...

vstoykov

  • Напреднали
  • *****
  • Публикации: 1286
  • Distribution: Ubuntu
  • Window Manager: Fluxbox
    • Профил
    • WWW
Re: HTML код
« Отговор #20 -: Feb 04, 2009, 19:47 »
Ето как се прави таблица с <div> (в някои случаи се наблюдава несъвместимост с IE):

Код
GeSHi (HTML):
  3.  
  4. <title>Таблици с div</title>
  5.  
  6. <meta content="text/html; charset=Windows-1251" http-equiv="Content-Type">
  7. <meta content="Ръчно написан HTML код" name="generator">
  8.  
  9. <style type="text/css">
  10.   body {
  11.          background: #4D7307 ;
  12.          text-align: center;
  13.          margin: 0px;
  14.        }
  15.  
  16. .table    { display: table }
  17. .row      { display: table-row }
  18. .cell   { display: table-cell }
  19.  
  21.  
  22. </head>
  24.  
  25. <div class="table" style="width: 100%">
  26. <div class="row">
  27. <div class="cell" style="background: red">
  28. <p>ляво</p>
  29. </div>
  30. <div class="cell" style="background: yellow">
  31. <p>Дясно</p>
  32. </div>
  33.  
  34. </div>
  35. </div>
  36.  
  37. </body>
  38. </html>
  39.  
Активен

phantomlord

  • Напреднали
  • *****
  • Публикации: 1832
  • Distribution: Debian Sid
  • Window Manager: KDE 4
  • Fall to your knees and bow to the Phantom Lord
    • Профил
    • WWW
Re: HTML код
« Отговор #21 -: Feb 04, 2009, 23:48 »
Нещо не мога да го напасна с кода ми:

Код
GeSHi (HTML):
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  4. <title>menu</title>
  5.  
  6. 	<meta content="text/html; charset=windows-1251" http-equiv="content-type">
  7.   	<meta content="phantomlord" name="author">
  8.   	<meta content="menu" name="description">
  9.  
  10. <style type="text/css"> 
  11. a.roll { display : block;
  12. font-family : arial;
  13. font-size : 14px;
  14. text-decoration : none;
  15. background : url("images/but1.gif");
  16. width : 125px;
  17. height : 25px;
  18. color : silver;
  19. font-weight : bold;
  20. text-align: center;
  21. padding-left : 2px;
  22. padding-top : 5px;
  23. }
  24.  
  25. a.roll:hover {
  26. background : url("images/but2.gif");
  27. color : white;
  28. font-weight : bold;
  29. }
  30.  
  31. a {
  32. font-family : arial;
  33. font-size : 14px;
  34. color : #999999;
  35. font-weight : bold;
  36. }
  37.  
  38. .table { background-image: url(images/menu.gif); }
  40.  
  41.  
  42. <base target="main">
  43. </head>
  44.  
  45. <body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);" alink="#000099" link="#000099" vlink="#990099">
  46.  
  47. <table style="text-align: left; width: 146px; height: 500px;" class="table" border="0" cellpadding="0" cellspacing="0"><tbody>
  48.  
  49.     <tr>
  50.       <td style="height: 24px;">
  51. 	</td>
  52.     </tr>
  53.  
  54.     <tr>
  55.       <td><a href="pages/archi.html" class="roll">Архиватори</a></td>
  56.     </tr>
  57.  
  58.     <tr>
  59.       <td><a href="pages/benchmark.html" class="roll">Бенчмарк</a></td>
  60.     </tr>
  61.  
  62.     <tr>
  63.       <td><a href="pages/internet.htm" class="roll">Интернет</a></td>
  64.     </tr>
  65.  
  66.     <tr>
  67.       <td><a href="pages/utilities.htm" class="roll">Инструменти</a></td>
  68.     </tr>
  69.  
  70.     <tr>
  71.       <td><a href="pages/dict.htm" class="roll">Речници</a></td>
  72.     </tr>
  73.  
  74.     <tr>
  75.       <td><a href="pages/multimedia.htm" class="roll">Мултимедия</a></td>
  76.     </tr>
  77.  
  78.     <tr>
  79.       <td><a href="pages/fun.htm" class="roll">Благинки</a></td>
  80.     </tr>
  81.  
  82.     <tr>
  83.       <td><a href="pages/graphic.htm" class="roll">Графика</a></td>
  84.     </tr>
  85.  
  86.     <tr>
  87.       <td><a href="http://wallpapers.myfreesoft.net/" class="roll">Картинки</a></td>
  88.     </tr>
  89.  
  90.     <tr>
  91.       <td><a href="fonts/" class="roll">Шрифтове</a></td>
  92.     </tr>
  93.  
  94.     <tr>
  95.       <td><a href="skins/" class="roll">Skins</a></td>
  96.     </tr>
  97.  
  98.     <tr>
  99.       <td><a href="pages/linux.html" class="roll">Linux</a></td>
  100.     </tr>
  101.  
  102.     <tr>
  103.       <td><a href="pages/links.htm" class="roll">Връзки</a></td>
  104.     </tr>
  105.  
  106.     <tr>
  107.       <td><a href="http://myfreesoft.net/phpBB2" class="roll">Форум</a></td>
  108.     </tr>
  109.  
  110.     <tr>
  111.       <td><a href="http://myfreesoft.net/wordpress/" class="roll">Блог</a></td>
  112.     </tr>
  113.  
  114.     <tr>
  115.       <td style="height: 25px;">
  116.       </td>
  117.     </tr>
  118.  
  119.   </tbody>
  121. <br> 
  122. </body>
  123. </html>
  124.  
Активен
http://myfreesoft.net/phpBB2/index.php?c=7
Помогни си сам, за да ти помогне и Господ
Linux - connecting people...

Подобни теми
Заглавие Започната от Отговора Прегледи Последна публикация
Вмъкване на Перл в HTML
Web development 		Rooted 6 3848 Последна публикация Jan 03, 2006, 00:34
от
Как да направим HTML страница да не работи под IE
Хумор 		karaman 5 3860 Последна публикация Feb 20, 2006, 11:13
от astronom
проблем с html кирилицата
Web development 		angie_bg 3 4629 Последна публикация Nov 26, 2006, 09:15
от angie_bg
субтитри с html тагове...?
Настройка на програми 		_NetCutter_ 3 2050 Последна публикация Dec 16, 2006, 12:17
от karaman
Html help
Web development 		stevebradata 2 1121 Последна публикация Jun 17, 2007, 09:23
от stevebradata