Нужен хелп по верстке

Discussion in 'PHP' started by Stingers, 29 Jul 2008.

  1. Stingers

    Stingers Elder - Старейшина

    Joined:
    28 Aug 2007
    Messages:
    0
    Likes Received:
    2
    Reputations:
    0
    имеется заготовка фотошопа - сделал в качестве того чтобы обучиться Скачать .
    сделал из нее хтмл Смотреть

    а как сделать чтобы текст был текстом а не на картинке писал а то поверх картинки не могу текст наисать< а ввиде картинки текст некрасиво

    С Уважением НИкитос
     
  2. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    Как вариант - сделай картинки бекграундом данной ячейки, а текст пиши в самой ячейке (можно и слоями) Ну ессно затри в фотошопе (отключи слой) текст на картинке
    И поисковик - не видит (тогда когда нужно, что бы видел) :)
     
    #2 Naydav, 29 Jul 2008
    Last edited: 29 Jul 2008
  3. Андрюша

    Joined:
    24 Jul 2008
    Messages:
    9
    Likes Received:
    13
    Reputations:
    -10
    а зачем? переделай кнопки без падписей и потом формируй страницу с натписями
     
  4. XopoIII

    XopoIII Elder - Старейшина

    Joined:
    29 Oct 2007
    Messages:
    386
    Likes Received:
    30
    Reputations:
    0
    если нужно картинку в кнопку, делай стиль кнопки с картинкой,
    если в шапке хочешь менять текст на картинке, используй z-index и div-ы
    иди туда -------> _http://htmlbook.ru/
     
  5. mff

    mff Elder - Старейшина

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    1) Убрать текст в фотожопе.
    2) Картинку, поверх которой был текс вставить в слой или в таблицу фоном:
    3) Разместить текст поверх баграунда.
     
  6. Stingers

    Stingers Elder - Старейшина

    Joined:
    28 Aug 2007
    Messages:
    0
    Likes Received:
    2
    Reputations:
    0
    Code:
    	<td colspan="3">
    			<img src="images/1_06.gif" width="580" height="321" alt=""></td>
    Есть такое к примеру как мне сделать чтобы я мог поверх данной картинки писать что то не могу въехать как дописать
    Code:
    style="background-image:url(путь к рисунку);"
     
  7. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    1)<td colspan="3" background="(путь к рисунку)">текст</td>

    2)
    <style type="text/css">.my{background-image:url(img)}/style>
    <td colspan="3" class="my">текст</td>
     
    #7 Naydav, 29 Jul 2008
    Last edited: 29 Jul 2008
  8. Neoveneficus

    Neoveneficus Elder - Старейшина

    Joined:
    10 Apr 2008
    Messages:
    235
    Likes Received:
    125
    Reputations:
    23
    Если я не ошибаюсь, то так:
    Code:
    <td colspan="3" style="background: url('images/1_06.gif') no-repeat; height: 321px; width: 580px;">
         Сдесь нужный текст
    </td>
    
    или вот так:
    Code:
    <td colspan="3">
         <p style="display: block; background: url('images/1_06.gif') no-repeat; height: 321px; width: 580px;">
              Сдесь нужный текст
         </p>
    </td>
    
     
  9. Stingers

    Stingers Elder - Старейшина

    Joined:
    28 Aug 2007
    Messages:
    0
    Likes Received:
    2
    Reputations:
    0
    Благодарю...

    а фотошоп не умеет сам адаптировать текст в такую форму? ツ
     
    #9 Stingers, 29 Jul 2008
    Last edited: 29 Jul 2008
  10. Neoveneficus

    Neoveneficus Elder - Старейшина

    Joined:
    10 Apr 2008
    Messages:
    235
    Likes Received:
    125
    Reputations:
    23
    1)открываешь файл...
    2)если окно layers не открыто, то F7
    3)там напротив слоя с текстом, который не должен быть виден, убираешь глазик
    4)затем Alt+Shift+Ctrl+S сохраняешь для web

    на выходе получится файл картинки без надписи....

    можно просто плюс в репу =)
     
    1 person likes this.
  11. Stingers

    Stingers Elder - Старейшина

    Joined:
    28 Aug 2007
    Messages:
    0
    Likes Received:
    2
    Reputations:
    0
    я немного не о том. я имею ввиду если в фотошопе текст написать и чтобы он был в HTML не ввиде картинки а ввиде текста - без ручного вмешательства возможно?
     
  12. Neoveneficus

    Neoveneficus Elder - Старейшина

    Joined:
    10 Apr 2008
    Messages:
    235
    Likes Received:
    125
    Reputations:
    23
    нет это не возможно... читай вариант выше... так все делают... привыкай к нему и не мучайся...
     
  13. Naydav

    Naydav Elder - Старейшина

    Joined:
    30 Dec 2006
    Messages:
    439
    Likes Received:
    63
    Reputations:
    4
    ипать, какое уж там вмешательство??? 2 строки добавить
    Ты вспомни, для чего вообще предзначен фотошоп

    А я вот хочу кнопочку, что б и порезало мне все, и рисунки - рисунками, и текст - текстом, и стили автоматом, а еще нужна кнопочка, что б автоматом, еще и скрипты на сервере сформировало, а еще лучше этот сервер и установило...
    вот такая вот кнопочка "убить всех"

    А то вот задницу, не могу оторвать - часик про штмл почитать... а столько бы всего прояснилось, и уже самому проще будет открыть Dreamweaver, где все спецом для таких показывает, а не искать заветную кнопочку (это уже хуже чем штаны)