1. Куча / Говнокод #16243

    +127

    1. 001
    2. 002
    3. 003
    4. 004
    5. 005
    6. 006
    7. 007
    8. 008
    9. 009
    10. 010
    11. 011
    12. 012
    13. 013
    14. 014
    15. 015
    16. 016
    17. 017
    18. 018
    19. 019
    20. 020
    21. 021
    22. 022
    23. 023
    24. 024
    25. 025
    26. 026
    27. 027
    28. 028
    29. 029
    30. 030
    31. 031
    32. 032
    33. 033
    34. 034
    35. 035
    36. 036
    37. 037
    38. 038
    39. 039
    40. 040
    41. 041
    42. 042
    43. 043
    44. 044
    45. 045
    46. 046
    47. 047
    48. 048
    49. 049
    50. 050
    51. 051
    52. 052
    53. 053
    54. 054
    55. 055
    56. 056
    57. 057
    58. 058
    59. 059
    60. 060
    61. 061
    62. 062
    63. 063
    64. 064
    65. 065
    66. 066
    67. 067
    68. 068
    69. 069
    70. 070
    71. 071
    72. 072
    73. 073
    74. 074
    75. 075
    76. 076
    77. 077
    78. 078
    79. 079
    80. 080
    81. 081
    82. 082
    83. 083
    84. 084
    85. 085
    86. 086
    87. 087
    88. 088
    89. 089
    90. 090
    91. 091
    92. 092
    93. 093
    94. 094
    95. 095
    96. 096
    97. 097
    98. 098
    99. 099
    100. 100
    <div class="video row">

<div class="col-md-4"></div>
<div class="col-md-8" class="gray-bg"></div>
<div class="container an">
<div class="row">
<div class="col-md-4" style="background-color:white"></div>
<div class="col-md-8 gray-bg"></div>
</div>
</div>
</div>
<div class="conn">
<div class="container">
<div class="row video-item">
<div class="col-md-4"></div>
<div class="col-md-8">
	<div class="col-md-4"><img src="img/video.jpg"></div>
	<div class="col-md-8"></div>
</div>
</div>
<div class="row video-item">
<div class="col-md-4"></div>
<div class="col-md-8">
<div class="col-md-4"><img src="img/video.jpg"></div>
	<div class="col-md-8"></div>
</div>
</div>
<div class="row video-item">
<div class="col-md-4"></div>
<div class="col-md-8">
<div class="col-md-4"><img src="img/video.jpg"></div>
	<div class="col-md-8"></div>
</div>
</div>	
</div>	
</div>	
И стили:

.video div.col-md-4{
	left:0;
}
.video div.col-md-8{
	right:0;
	background-color:#f2f2f3;
}
.conn {
top:65px;
z-index:1;
width:100%;
position:absolute;
}
.menu {
position:absolute;
	z-index:1;
}
.an {
position:static !important; 
height:100000px !important; 
overflow:hidden !important;
}
.an  div {

	height:100%;
	
}
.video>div{

position:fixed;
height:100%;
min-height:100%;
max-height:100%;
}
.video {
position: fixed;
min-height: 100%;
height: auto;
width: 100%;
top: 0;
}
.video-item >div.col-md-8 > div.col-md-8 {
	border:1px solid #e0dfdd;
	border-right:0;
}
.video-item >div.col-md-8 > div.col-md-4 {
	height:150px;
	width:150px;
	padding:0;
	border:1px solid #e0dfdd;
}
.video-item >div.col-md-8 {
	padding:0;
	
}
.video-item div,
.video-item {
height:150px;
}
.video .row .col-md-8 {
	background-color:#F2F2F3;
}

    Это пздц. дизайнер, из-за него пришлость так говнокодить, ебанная ширина на 100000....

    Запостил: WeGo, 27 Июня 2014

    Комментарии (14) RSS

    • ava guest 27.06.2014 14:06 # +2

      После такой отбивки, казалось бы, кто может быть хуже? Но нет, нашелся-таки виноватый дизайнер.
      Ответить

    • ava bormand 27.06.2014 15:07 # +2

      > height:100000px
      > ебанная ширина на 100000
      Ответить

      • ava guest 27.06.2014 15:39 # +3

        может он за компом под 90° сидит, откуда ты знаешь
        Ответить

    • ava kyzi007 27.06.2014 15:09 # +3

      Да, виноват дизайнер. Только вот что то мне кажется что не стоило выебываться и юзать дивы для табличных данных. Ну мне мерещится что именно это и происходит.
      Ответить

      • ava TauSigma 27.06.2014 19:23 # +3

        Вообще странная нелюбовь у верстальщиков к элементу <table> появилась.
        Ну, была табличная вёрстка, ну не стало табличной вёрстки.
        Но причём тут табличные данные - не понятно...
        Ответить

        • ava bormand 27.06.2014 20:18 # +4

          Походу, люди поняли "не юзать table" слишком буквально, а не как "не позиционировать всякую херню в шапке сайта через table". И даже вот такие пёрлы выдают, лишь бы <table> не юзать:
          .table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; }

<div class='table'>
    <div class='tr'>
        <div class='td'>1</div>
        <div class='td'>2</div>
    </div>
    <div class='tr'>
        <div class='td'>3</div>
        <div class='td'>4</div>
    </div>
</div>
          Ответить

          • ava bormand 27.06.2014 20:36 # +1

            P.S. Но труъ табличная вёрстка это таки пиздец. Попадался вот такой ужас: менюхи и баннеры в шапке расставляли не через position:absolute, а табличкой с адовым количеством colspan/rowspan, фоновый рисунок был нарезан на 100500 кусочков, натянутых бекграундом на эти ячейки, а в пустых ячейках валялся рисунок 1х1 пиксель, потому что автор не знал о DOCTYPE...
            Ответить

            • ava defecate-plusplus 28.06.2014 02:06 # +1

              так случается, когда дизайнер нарисовал макет прямо в экселе
              на клиентах-из-зада рассказывают такие страшилки
              Ответить

          • ava kegdan 27.06.2014 21:19 # 0

            Я изобрел велосипед^W table!
            Ответить

    • ava guest 28.06.2014 15:08 # −3

      Хуй.
      Ответить

      • ava kegdan 28.06.2014 16:08 # 0

        Вместо тысячи слов....
        Ответить

        • ava guest 28.06.2014 16:10 # −2 

          * g o a t s e x * g o a t s e x * g o a t s e x * g g o / \ \ / \ o a| | \ | | a t| `. | | : t s` | | \| | s e \ | / / \\\ --__ \\ : e x \ \/ _--~~ ~--__| \ | x * \ \_-~ ~-_\ | * g \_ \ _.--------.______\| | g o \ \______// _ ___ _ (_(__> \ | o a \ . C ___) ______ (_(____> | / a t /\ | C ____)/ \ (_____> |_/ t s / /\| C_____) | (___> / \ s e | ( _C_____)\______/ // _/ / \ e x | \ |__ \\_________// (__/ | x * | \ \____) `---- --' | * g | \_ ___\ /_ _/ | g o | / | | \ | o a | | / \ \ | a t | / / | | \ |t s | / / \__/\___/ | |s e | / / | | | |e x | | | | | |x * g o a t s e x * g o a t s e x * g o a t s e x *
          Ответить

    • ava guest 28.06.2014 16:10 # 0 

      * g o a t s e x * g o a t s e x * g o a t s e x * g g o / \ \ / \ o a| | \ | | a t| `. | | : t s` | | \| | s e \ | / / \\\ --__ \\ : e x \ \/ _--~~ ~--__| \ | x * \ \_-~ ~-_\ | * g \_ \ _.--------.______\| | g o \ \______// _ ___ _ (_(__> \ | o a \ . C ___) ______ (_(____> | / a t /\ | C ____)/ \ (_____> |_/ t s / /\| C_____) | (___> / \ s e | ( _C_____)\______/ // _/ / \ e x | \ |__ \\_________// (__/ | x * | \ \____) `---- --' | * g | \_ ___\ /_ _/ | g o | / | | \ | o a | | / \ \ | a t | / / | | \ |t s | / / \__/\___/ | |s e | / / | | | |e x | | | | | |x * g o a t s e x * g o a t s e x * g o a t s e x *
      Ответить

    Добавить комментарий