1. Гость, мы просим Вас ознакомиться с Правилами Форума и Отказом от ответственности!

Как так сделать?

Тема в разделе 'HTML и CSS', создана пользователем АндрюхиН, 19 авг 2010.

Страница 2 из 3
  1. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    к стате! если будеш пробовать сделать рамку, то рамка пунктиром чреез див делается так
    Код:
    <div style="border: 6px #339966 dotted;">
    АндрюхиН, 20 авг 2010
    #21
  2. Kenpachi™

    Kenpachi™ Who Crazy? Old school Пользователи Just a troll

    Сообщения:
    361
    Лайки:
    195
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Solo
    Выделение таблицы - Мой пример

    Код
    Код:
    <html>
<meta charset="UTF-8"> 
<head>
<title>Цвет рамки</title>
<style type="text/css">
td:hover {
border: 1px solid #33CCFF; border-style: dashed; /* Стиль рамки при наведении курсора мыши */
} 
</style>
</head>
<body>
<p>
<table>
<tr>
<td>АЩАЩАЩА!1111</td>
</tr>
</table>
</p>
</body>
</html>
    :mellow:
    Kenpachi™, 20 авг 2010
    #22
    2 пользователям это нравится.
  3. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    супер!
    АндрюхиН, 20 авг 2010
    #23
    1 человеку нравится это.
  4. Kenpachi™

    Kenpachi™ Who Crazy? Old school Пользователи Just a troll

    Сообщения:
    361
    Лайки:
    195
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Solo
    ПО поводу второго я не пойму. Тебе нужно чтоб переносился текст автоматически?.
    Вот смотри тот же код что я тебе дал. просто текста дописал. Таблица удлиняется по любому. Пример :mellow:
    Kenpachi™, 20 авг 2010
    #24
  5. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    смотри.. мне нужно не только чтобы таблица удленялась... а чтобы еще и картинка которая вставленная в таблицу удленялась)
    АндрюхиН, 20 авг 2010
    #25
  6. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    вот смотри =ТыК= там по середине рамка с надписью sdfsdffsdfsdfsdf, так вот если эта надпись становится больше, то рамка афтоматический увеличивается,удлиняется, как так сделать?:mellow:
    АндрюхиН, 20 авг 2010
    #26
  7. Kenpachi™

    Kenpachi™ Who Crazy? Old school Пользователи Just a troll

    Сообщения:
    361
    Лайки:
    195
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Solo
    АААА... Ну это не таблица)) Это блок)))
    Kenpachi™, 20 авг 2010
    #27
  8. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    аррр ну блок... я просто не очень шарю :mellow:
    АндрюхиН, 20 авг 2010
    #28
  9. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    ну так что? как сделать чтобы оно также растягивалось?
    АндрюхиН, 20 авг 2010
    #29
  10. Kenpachi™

    Kenpachi™ Who Crazy? Old school Пользователи Just a troll

    Сообщения:
    361
    Лайки:
    195
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Solo
    Код:
    <html>
<meta charset="UTF-8"> 
<title>Блок DIV</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="1" style="background:#BCBCBC;margin-bottom:1px;" width="300">
<tr><td height="17" style="background:url('ссылка на фон блока. простая длинная полоска') #5DAA3B;color:#FFFFFF;border:1px solid #FFFFFF;font-size:10px;padding-left:10px;"><b>Тайтл</b></td></tr>
<tr><td align="center" style="background:url('ссылка на фон блока. простая длинная полоска') bottom repeat-x #FCFCFC;padding:5px 0 5px 0;border:1px solid #FFFFFF;">Тут пишем что хотим<br>Тут пишем что хотим<br>Тут пишем что хотим<br>Тут пишем что хотим<br></td></tr>
</table> 

</body>
</html>



    Вот пример - Пример

    Код моего примера
    Код:
    <html>
<meta charset="UTF-8"> 
<title>Блок DIV</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="1" style="background:#BCBCBC;margin-bottom:1px;" width="300">
<tr><td height="17" style="background:url('http://src.ucoz.ru/t/999/3.gif') #5DAA3B;color:#FFFFFF;border:1px solid #FFFFFF;font-size:10px;padding-left:10px;"><b>Тайтл</b></td></tr>
<tr><td align="center" style="background:url('http://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;padding:5px 0 5px 0;border:1px solid #FFFFFF;">Тут пишем что хотим<br>Тут пишем что хотим<br>Тут пишем что хотим<br>Тут пишем что хотим<br></td></tr>
</table> 

</body>
</html>
    Kenpachi™, 20 авг 2010
    #30
    1 человеку нравится это.
  11. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    щас попробую
    АндрюхиН, 20 авг 2010
    #31
  12. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    смотри... а если у меня такая рамка например :mellow:
    telo.png
    АндрюхиН, 20 авг 2010
    #32
  13. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    на юкозе вот такой код..
    Код:
    <td valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr style="background:url('http://testforme.ucoz.ru/.s/t/991/9.jpg');"><td width="57" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/10.gif" border="0"></td><td></td><td width="63" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/11.gif" border="0"></td></tr>
<tr><td width="57" style="background:url('http://testforme.ucoz.ru/.s/t/991/12.jpg');"></td><td style="background:#191418;padding:5px;"><!-- <body> -->$CONTENT$<!-- </body> --></td><td width="63" style="background:url('http://testforme.ucoz.ru/.s/t/991/13.jpg');"></td></tr>
<tr style="background:url('http://testforme.ucoz.ru/.s/t/991/14.jpg');"><td width="57" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/15.gif" border="0"></td><td></td><td width="63" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/16.gif" border="0"></td></tr>
</table>
</td>
    вродебы не чего особенного
    АндрюхиН, 20 авг 2010
    #33
  14. Kenpachi™

    Kenpachi™ Who Crazy? Old school Пользователи Just a troll

    Сообщения:
    361
    Лайки:
    195
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Solo
    Разбиваешь картинку на части и делаешь как на юкозе. А поюзай гугл и немного поучи html я за тебя весь сайт сделать не смогу :mellow:
    Kenpachi™, 20 авг 2010
    #34
  15. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    ты мне пока только в 2х вещах помог) я только не понимаю.. если я разобью и сделаю как на юкозе, оно будет растягиваться?:mellow:
    АндрюхиН, 20 авг 2010
    #35
  16. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    ппц все криво получается..
    АндрюхиН, 20 авг 2010
    #36
  17. Kenpachi™

    Kenpachi™ Who Crazy? Old school Пользователи Just a troll

    Сообщения:
    361
    Лайки:
    195
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Solo
    В общем смотри. Объясняю как это работает

    <tr style="background:url('http://testforme.ucoz.ru/.s/t/991/9.jpg');"><td width="57" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/10.gif" border="0"></td><td></td><td width="63" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/11.gif" border="0"></td></tr>
    Это верхняя часть картинки. Скажем так перекладина.

    <tr><td width="57" style="background:url('http://testforme.ucoz.ru/.s/t/991/12.jpg');"></td><td style="background:#191418х;padding:5px;"><!-- <body> -->$CONTENT$<!-- </body> --></td><td width="63" style="background:url('http://testforme.ucoz.ru/.s/t/991/13.jpg');"></td></tr>
    Это середина. То что выделено красным это боковые *штанги* и фон. За счёт этого фона и будет эффект удлинения. На самомже деле просто балки боковые копируются несколько раз в низ. А фон внутри просто закрашивается в серый цвет.


    <tr style="background:url('http://testforme.ucoz.ru/.s/t/991/14.jpg');"><td width="57" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/15.gif" border="0"></td><td></td><td width="63" height="42"><img src="http://testforme.ucoz.ru/.s/t/991/16.gif" border="0"></td></tr>
    Ну и нижняя *закрывающая часть.


    Всё это написанно по примеру твоего кода.
    Kenpachi™, 20 авг 2010
    #37
  18. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    а размеры там обязательно? мне нужно именно такие вырезать? или мб просто убрать размеры?
    АндрюхиН, 20 авг 2010
    #38
  19. Kenpachi™

    Kenpachi™ Who Crazy? Old school Пользователи Just a troll

    Сообщения:
    361
    Лайки:
    195
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Solo
    Тебе надо будет по колдовать с размерами. Если что. Выкладывай код и РАЗРЕЗАННУЮ картинку. Я попробую сделать. :mellow:
    Kenpachi™, 20 авг 2010
    #39
  20. TopicStarter Overlay
    АндрюхиН

    АндрюхиН Пользователи

    Сообщения:
    66
    Лайки:
    2
    Репутация:
    0
    Код:
    <td valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr style="background:url('images/1.png');"><td width="57" height="42"><img src="images/2.png" border="0"></td><td></td><td width="63" height="42"><img src="images/3.png" border="0"></td></tr>

<tr><td width="57" style="background:url('images/4.png');"></td><td style="background:#191418;padding:5px;"><!-- <body> -->$CONTENT$<!-- </body> --></td><td width="63" style="background:url('images/5.png');"></td></tr>

<tr style="background:url('images/6.png');"><td width="57" height="42"><img src="images/7.png" border="0"></td><td></td><td width="63" height="42"><img src="images/8.png" border="0"></td></tr>

</table>
</td>
    вот код.. глянь как получается.. я тут присоеденил все файлы и еще присоеденил основной неразрезанный

    Вложения:

    • 1.png
      1.png
      Размер файла:
      2,9 КБ
      Просмотров:
      2
    • 2.png
      2.png
      Размер файла:
      3,7 КБ
      Просмотров:
      1
    • 3.png
      3.png
      Размер файла:
      4,3 КБ
      Просмотров:
      1
    • 4.png
      4.png
      Размер файла:
      3 КБ
      Просмотров:
      2
    • 5.png
      5.png
      Размер файла:
      3,1 КБ
      Просмотров:
      2
    • 6.png
      6.png
      Размер файла:
      3 КБ
      Просмотров:
      2
    • 7.png
      7.png
      Размер файла:
      4 КБ
      Просмотров:
      1
    • 8.png
      8.png
      Размер файла:
      4,4 КБ
      Просмотров:
      1
    • telo.png
      telo.png
      Размер файла:
      11,7 КБ
      Просмотров:
      2
    АндрюхиН, 20 авг 2010
    #40
Страница 2 из 3
Черновик сохранён Черновик удалён

Поделиться этой страницей