Jump to content
  • 0

слои текст+картинка

kruger

Asked by kruger,

 Share

Question

16 answers to this question

Recommended Posts

  • 0
Slyfox Explorer

Slyfox

Posted
Posted
плизззз, помогите как на картинку наложить текст? на сайте нашел как картинку на текст. а вот бы хотелось на оборот

Можно код или ссылку того, что вы нашли?

Спасибо.

Уж очень интересно зачем это было реализовано.

Link to comment
Share on other sites
  • 0
kruger Explorer

kruger

Posted
  • Author
Posted

ну почти то что нужно, я В общем порезал картинку еа куски 8 на 8 вставил в таблиц следовательно тоже 8 на 8 и по верх этой картинки у меня еще должен быть текст. можит можно тогда таблицу на таблицу наложить ?!:rolleyes:

Link to comment
Share on other sites
  • 0
Slyfox Explorer

Slyfox

Posted
Posted
ну почти то что нужно, я В общем порезал картинку еа куски 8 на 8 вставил в таблиц следовательно тоже 8 на 8 и по верх этой картинки у меня еще должен быть текст. можит можно тогда таблицу на таблицу наложить ?!:rolleyes:

Вообще можно вложить только нужно ли ? - я не вижу зачем это нужно.

Текст и так можно поверху писать. Или я не так что-то понял?

Link to comment
Share on other sites
  • 0
kruger Explorer

kruger

Posted
  • Author
Posted 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body >
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#F0F0F0" bgcolor="#F0F0F0">
 <tr>
 <th scope="col"><img src="im3/1.jpg" width="268" height="234" /></th>
 <th scope="col"><img src="im3/2.jpg" width="211" height="234" /></th>
 <th scope="col"><img src="im3/3.jpg" width="209" height="234" /></th>
 <th scope="col"><img src="im3/4.jpg" width="116" height="234" /></th>
 </tr>
 <tr>
 <td><img src="im3/5.jpg" width="268" height="225" /></td>
 <td><img src="im3/6.jpg" width="211" height="225" /></td>
 <td><img src="im3/7.jpg" width="209" height="225" /></td>
 <td><img src="im3/8.jpg" width="116" height="225" /></td>
 </tr>
 <tr>
 <td><img src="im3/9.jpg" width="268" height="141" /></td>
 <td><img src="im3/10.jpg" width="211" height="141" /></td>
 <td><img src="im3/11.jpg" width="209" height="141" /></td>
 <td><img src="im3/12.jpg" width="116" height="141" /></td>
 </tr>

</table>
</body>
</html>

вот моя страничка и мне надо в этих же ячейках или сверху как-нить наложить табличку или каким-то слоем писать в разных местах текст.

ух как написал аж сам немного запутался)

Link to comment
Share on other sites
  • 0
kruger Explorer

kruger

Posted
  • Author
Posted

не. не то. щас опишу поподробнее.

В общем, дизайнер мне дал картинку для сайта, типа с кнопачками все с текстом и т.д.. я ее порезал на кусочки и поместил эти куски в таблицу что бы не разбегались по странице. вот теперь мне надо поместить текст по этой картинке там где он должен быть, т.е. на кноки, ссылки т .д.

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

Link to comment
Share on other sites
  • 0
klierik Middle Developer

klierik

Posted
Posted

1. разбиваем рисунок на куски и засовываем в таблицу

2. потом После таблицы создаем, примеру

и ставим ему отрицательный верхний отступ который равен высоте самой картинки

все

Link to comment
Share on other sites
  • 0
sergiyko911 Explorer

sergiyko911

Posted
Posted

еще вариант - делаете background на элемент (я так понимаю в вашем случае полность на таблицу) и пошете, где Вам что надо)

или так:

делаете блок с background, со всеми кнопками(!!!) а потом в нужные места вставляете прозрачный gif нужного размера и делаете его ссылкой.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • 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