Jump to content

Toxin_G

Newbie
 View Profile  See their activity

  • Posts

    19

  • Joined

  • Last visited

Toxin_G's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Toxin_G
    Вот и я в драгонфлае меняю на center и вот что происходит. А для justify и так работало. Убери всё лишнее и попробуй сделать пример чисто для center и элементов минимум. вово и у мен так едет последняя строка PS: вопрос в силе жду работающего предложения
  2. Toxin_G
    чтото немогу перейти, походу сервер виснет, кинь решение сюда все перешел
  3. Toxin_G
    нет не то попробуй переполнить блок и сразу видно что они съезжают влево Да, я знаю) просто думал, что может тебе такое подойдёт) интересно должно же быть решение чтобы выровнять родительский блок в другом, предложенное решение неработющее в опере как раз то что мне нужно предложите кто нибудь нормально работающее решение
  4. Toxin_G
    нет не то попробуй переполнить блок и сразу видно что они съезжают влево
  5. Toxin_G
    да этот вариант был бы в самый раз покажи решение
  6. Toxin_G
    вы немного не поняли нужно чтоб картинки шли одна за другой и родительский блок нужно сделать в центре его родителя, в нашем случае на скрине видно что образовывается пробел в правой части а нужно чтоб этот пробел если он есть равномерно распределялся на левую и правую часть да смотрел я этот вариант в опере он неправильно работает
  7. Toxin_G
    Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/34eaad9ffdbf4b65a82c2c57c54b0c0a.jpg" alt="2 112.jpg" width="100" height="56"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/461fc5c153c5dcc1e7ac045150f4b44b.jpg" alt="2 16.jpg" width="100" height="56"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/9d666b51d1ff8fddf24c2b2a889f4251.jpg" alt="30.jpg" width="100" height="62"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/5acaae7d8527aedc1e4e05f7f518b7ea.jpg" alt="2 153.jpg" width="100" height="56"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/90dab5a3a5bcf241630753a17e93497b.jpg" alt="0.jpg" width="100" height="56"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/0ecdd875ddea950fe6d05e0f597ced40.jpg" alt="1.jpg" width="100" height="62"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/f77274251c3c8591abe091e1652467af.jpg" alt="001ZOOM.jpg" width="100" height="56"> </div> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/4abe9757c70f006f3fe3082302949045.jpg" alt="01 4.jpg" width="100" height="75"> </div> </div> </div> Буду очень благодарен за помощь PS: Стили всех блоков можно переписать важен конечный результат
  8. Toxin_G
    задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает проблема, в опере все ок, в хроме изображение становится по центру вверху, ничего немогу сделать, подскажите как решить -opera(как нужно) - chrome
  9. Toxin_G
    все всем спасиба начебто marginом решил
  10. Toxin_G
    можно детальнее, а то совсем запутался, уже голова трещит
  11. Toxin_G
    все стили прописаны в самых тегах, классы тут только для jQuery и никак не влияют на разметку, текст динамичный, и таких блоков может быть на странице несколько
  12. Toxin_G
    Есть блок как на картинке нужно сделать чтоб сердечко обтекал текст, тоесть оно должно быть всегда снизу и его должен всегда обтекать текст, мучаюсь несколько дней ничего немогу придумать, <div style="border: 1px #ccc solid; padding: 5px; margin-top: 1px; word-wrap: break-word; width: 500px;" class="mess_list" id="mess_list_102"> <div style="float:left;"> <img src="/fw/s.jpg" width="80" height="80" alt="none" /><br /> <span class="indbox_text_color">28 сентября 2011<br /> (16:35:21)</span><br /> <span class="indbox_text_color">От:</span> <a href="/fw/index.php/profile/1/">administrator</a> </div> <div class="del" style="float:right; width: 24px; height: 24px;"> <div id="delid_102"> <a href="/fw/index.php/profile/delete_message/102/" onclick="sendRequest('GET', '/fw/index.php/profile/delete_message/102/1/'); return false"><img src="/fw/files/icons/design/delete.png" style="float: right; " width="20" height="20" /></a> </div> </div> <div style="overflow:hidden; zoom:1; padding: 5px;"> /* CSS Document */ a:link,a:active,a:visited { color: #1e70a4;text-decoration: none; } #button ul { list-style: none; margin: 0; padding: 0; border: none; width:140px; } #button li a { display: block; padding: 2px; color: #1e70a4; text-decoration: none; width: 100%; } body #button li a { width: 100%; } #button li a:hover { background-color: #dbf2fc; color: #1e70a4; } .row_easy { background-color:#edf7fc; border: #abe4ff solid 1px; border-left:0px; border-right:0px; } .button { height:20px; border-color:#208abc; border-style:solid; border-width:1px; background:#7dd0f6; cursor:pointer; color:#1d6684; } .textarea { border-radius: 10px; background-color:#fff; border:1px solid #208abc; padding:6px; font:11px Tahoma; font-weight:bold; margin-top:5%; } .LabelSelected { border:1px dotted black; } .blue { background-color:#cfeffe; } .headComm { background-color:#cfeffe; } small { color:#999; } .table { background-color:white; font-family: sans-serif; font-size: 12px; } .title { background: url("/fw/444.jpg"); background-color: #2a7ac7; border-bottom: 3px double #297cb0; border-left: 3px double #77c8fb; border-top: 3px double #77c8fb; border-right: 3px double #297cb0; fonta-family: Georgia, Times New Roman, Times, serif; font-size: 14px; font-weight: bold ; text-shadow: #fff 0px 0px 5px; border-radius:25; position: relative; z-index: 4; } .navigation { padding-top:1%; padding-left:1%; } .text { border: solid #ccc 1px; border-top:0px; margin:1%; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 150%; color:#333; padding:1px; background-color:#fff; } .borderRight { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .signature { background-color: #5fccf9; height:20px; text-align:center; border:#00aff8 solid 1px; color:#1d6684; position:relative; } .floatLeft { float:left; } .code { border:1px dotted #ccc; padding: 5px; font:11px Tahoma; font-weight:bold; } .UserBlog { text-align:right; margin-right:2%; } .ImagesBlock { border:1px dotted #ccc; margin: 10px; padding: 10; } .Image { padding:10px; border:5px #ccc solid; margin:5px; } .quote { margin:4px; padding:5px; border:1px #ccc dotted; } .pagi a:link { background-color:#3bb0fb; text-decoration: none; color: #fff; border-width:medium; border: 1px solid #1d6684; padding:7px; padding-top:2px; padding-bottom:2px; border-radius:5; } .pagi a:visited { background-color:#3bb0fb; text-decoration: none; color: #fff; border-width:medium; border: 1px solid #1d6684; padding:7px; padding-top:2px; padding-bottom:2px; border-radius:5; } .pagi a:hover { background-color: #bfdefe; color:#1d6684; } .pagi strong { background-color:#fff; text-decoration: none; color: #3bb0fb; border-width:medium; border: 1px solid #1d6684; padding:7px; padding-top:2px; padding-bottom:2px; border-radius:5; } <br /> </div> <div style="clear:both"></div> <div class="likes" id="102" style="float:right;margin-top: -21px; width: 24px; height: 24px;border:ggg dashed 1px; position: relative;"> <div class="bubbleInfo" style="position: relative;"> <div style=" width: 100px; height: 24px; margin-top: 0px; margin-left: -60px;" class="like"> <div id="id_102"> <a href="/fw/index.php/profile/like/102/" onclick="sendRequest('GET', '/fw/index.php/profile/like/102/'); return false" style="font-size: 7pt;">Мне нравится<img src="/fw/files/icons/design/h2.png" id="img_102" width="20" height="20" style="vertical-align: middle; clear: both;" />2</a> </div> </div> </div> </div> </div> PS: код html это только набросок, потом доведу все до стандартов
  13. Toxin_G
    огромное спасиба всем, отдельная большая благодарность gart, что не прошел мимо а помог решить задачу. теперь насчет кода, что посоветуете изменить?
  14. Toxin_G
    снизу блока в который он вложен тоесть он должен быть на уровне нижней рамки, думаю скорее для этого прийдется сделать высоту правого блока 100% родительской но у меня ничего не получается (на картинке второй квадрат(нижний) должен находится справа снизу)
  15. Toxin_G
    выкладываю полный код страници, вобщем так ничего сделать и немогу, то опера то хром некоректно отображают, прошу помогите решить уже несколько дней потратил и впустую, недумал что такая легкая как кажется задача заберет столько времени <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>administrator</title> </head> <body> <table cellpadding="0" cellspacing="0" class="table"> <tr> <div style="display: table-cell;vertical-align:top; padding-left:10px; height: 100%;"> <div style="border: 1px #ccc solid; padding: 5px; margin-top: 1px; word-wrap: break-word"> <div style="float:left;"> <img src="/fw/p1.png" width="80" height="80" alt="stas" /><br /> <span class="indbox_text_color">24 июля 2011<br /> (14:53:12)</span><br /> <span class="indbox_text_color">От:</span> <a href="/fw/index.php/profile/1/">administrator</a> </div> <div style="float:right;" style="height:100%; width: 50px; border:1px solid #f00;" id="right_5" > <div id="id_5" style="padding:15px; text-align: center; border:1px solid #f00;"> <a href="/fw/index.php/profile/delete_message/5"><img src="/fw/files/icons/design/delete.png" width="16" height="16" style=";" /></a></div> <!-- этот блок должен всегда прилипать снизу --> <div id="id_5" style="padding:15px; text-align: center; border:1px solid #f00;"> <a href="/fw/index.php/profile/delete_message/5"><img src="/fw/files/icons/design/delete.png" width="16" height="16" style=";" /></a></div> <!-- конец блока --> </div> <div style="overflow:hidden; zoom:1; padding: 5px;"> 4444444444444444444444444<br /> </div> <div style="clear:both"></div> </div> </div> </div> </div> </td> </tr> </table> </body> </html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept