Сайты...

Очень прошу помоч

Скажите,а как делаются особые квадпатики,в которые выделяются ссылки или текст, допустим на вашем сайте,ссылки слева выделины в рамочки,
Заранее благодарен.
_________________
Что не так....
а,это ты Гога....
Ларс писал(а): Скажите,а как делаются особые квадпатики,в которые выделяются ссылки или текст, допустим на вашем сайте,ссылки слева выделины в рамочки,
Заранее благодарен.
Как это сделано на сайте можно узнать посмотрев ХТМЛ код сайта ( кликнув по чистому месту страницы правой кнопкой мыши и выбрав из появившкгося меню "просмотр ХТМЛ кода".
Сделано с помощью обработчика событий. Прочесть можно здесь:
http://svoisait.ru/css/mouse.shtml
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
Спасибо Ежик.избавил от не нужных мук:)
Еще вопрос, по шаблонам :
http://www.woweb.ru/templates/with_images/067i/
мне нравится этот шаблон,Я скачал его, по сути это набор картинок,теперь мне вставлять их в ручную?
_________________
Что не так....
а,это ты Гога....
Ларс писал(а): Я скачал его, по сути это набор картинок,теперь мне вставлять их в ручную?
Если ты его скачал, то придется вручную.
Если бы ты его купил, это был бы готовый ХТМЛ файл.
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
Снова спасибо!
Еще вопрос: помимо картинок скачался ..ээ...не знаю как это назвать граматно, типа страничка готовая,там места под ссылки (картинки не вставлены) и сам черный фон,так как это не картинка,скажите как ее занести в проект на страницу?
Заранее благодарен
_________________
Что не так....
а,это ты Гога....
Еще добавлю, на этой страничке как-бы вырезы,пустые места для картинок(картинки тоже есть)
Так вот,вопросы:
1)как эту страницу занести в проект?
2)Как провильно заносить картинки в пустые места(пустые места на скаченой станице)Делать это вручную(т.е. указывать пиксели и потгонять самому) или както по-другому?Может для таких операций есть специальный теги?
_________________
Что не так....
а,это ты Гога....
Ларс писал(а): сам черный фон,так как это не картинка,скажите как ее занести в проект на страницу?
http://svoisait.ru/body.shtml - "Параметр BGCOLOR=" ". -- Определяет цвет фона страницы"
Ларс писал(а): как эту страницу занести в проект?
Каким редактором пользуетесь? Если СНК, то там есть фишка "добавить файл к проекту"
Ларс писал(а): Как провильно заносить картинки в пустые места(пустые места на скаченой станице)Делать это вручную(т.е. указывать пиксели и потгонять самому) или както по-другому?Может для таких операций есть специальный теги?
Тегов таких нет, но если это шаблон, то размер картинок должен соответствовать местам, да и размер самих месть наверно указан.
Указываете правильно параметры тега IMG (если картинки вставляются этим тегом) - и все станет на места.
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
Вот еще проблема:
когда я вставляю картинки,эти самые рамочки под картинки опускаются ниже!
Т.е. картинка встает на свое место,а рамка становится ниже,следовательно отсуда ывопрос: как зделать так,чтобы рисунок ложился НА РАМКУ, т.е. подскажите команду,такую чтоб рисунок ложился на рисунок(я так думаю нужно зделать)
_________________
Что не так....
а,это ты Гога....
Ларс писал(а): подскажите команду,такую чтоб рисунок ложился на рисунок(я так думаю нужно зделать)
Для этого, как минимум, нужно видеть код страницы :-)
С помощью чего эти рамочки сделаны? Какими тегами и параметрами определяются координаты рамочек? Почему нельзя вставить рисунок ВНУТРЬ рамочки?
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
<IMG SRC="imgdig_temp2_01.jpg" ALT="">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- This Site Was Designed By Wayne D. Fields Contact: deonya22@yahoo.com -->
<html>
<head>
<title>Сайт клана "Империя" </title>
<meta name="description" content="Insert Description Here">
<meta name="keywords" content="Insert Keywords Here">
<style type="text/css">
<!--
a:link, a:active, a:visited {
color: #4A265A;
text-decoration: underline}
a:hover {
color: #4A265A;
text-decoration: none}
-->
</style>
</head>
<body bgcolor="#000000" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/dig_temp2_01.jpg" width="240" height="95"></td>
<td><img src="images/dig_temp2_02.jpg" width="225" height="95"></td>
<td width="315" height="95" bgcolor="#000000">&nbsp;</td>
</tr>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="240" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/dig_temp2_04.jpg" width="240" height="85"></td>
</tr>
<tr>
<td><img src="images/dig_temp2_06.jpg" width="30" height="25"></td>
<td><a href="#"><img src="images/link_1.jpg" width="210" height="25" border="0" alt="link_1"></a></td>
</tr>
<tr>
<td><img src="images/dig_temp2_08.jpg" width="30" height="30"></td>
<td><a href="#"><img src="images/link_2.jpg" width="210" height="30" border="0" alt="link_2"></a></td>
</tr>
<tr>
<td><img src="images/dig_temp2_10.jpg" width="30" height="30"></td>
<td><a href="#"><img src="images/link_3.jpg" width="210" height="30" border="0" alt="link_3"></a></td>
</tr>
<tr>
<td><img src="images/dig_temp2_12.jpg" width="30" height="30"></td>
<td><a href="#"><img src="images/link_4.jpg" width="210" height="30" border="0" alt="link_4"></a></td>
</tr>
<tr>
<td><img src="images/dig_temp2_14.jpg" width="30" height="25"></td>
<td><a href="#"><img src="images/link_5.jpg" width="210" height="25" border="0" alt="link_5"></a></td>
</tr>
<tr>
<td width="10" bgcolor="#000000">&nbsp;</td>
<td width="230" height="314" colspan="2" bgcolor="#000000" valign="top">
<!-- Side Panel -->
<p><br>
<font face="Arial" size="2" color="#FFFFFF"><strong>Designed by
illusive design</strong></font></p>
<p><strong><font color="#FFFFFF" size="2" face="Arial">downloaded
from WOweb.ru</font></strong>
<!-- Side Panel -->
</p>
</td>
</tr>
</table>
</td>
<td align="center" valign="top" bgcolor="#000000">
<!-- Content --><br><br>
<img src="images/hr.gif" width="464" height="" border="0">
<blockquote><font face="Arial" size="2" color="#000000"><strong>
You Content And Images Here.
<br><br><br><br><br>
<br>
<br><br><br><br><br><br><br><br>
</strong></font></blockquote>
<img src="images/hr.gif" width="464" height="" border="0">
<!-- Content -->
</td>
</tr>
</table>
</body>
</html>
Вот и весь ХТМЛ код страницы с рамочками
_________________
Что не так....
а,это ты Гога....
Teleport Pro
Воспользовался, проблема решена, иею на руках готовый шаблон!
Теперь снова проблема:
Я начинаю вставлять имя ссылки( справа от красного шарика, только вставляю имя ссылки и адресс, сама же ссылка есть с коментарием линк1,2 и т.д.
вот:http://www.woweb.ru/templates/with_images/067i/
Я начинаю печатать имя ссылки а она появляется на справа от краснога кружка( т.е. не на положеном месте ) а слева причем поверх рисунка , начинаю пробелом двигать ее, а она режет рисунок....
так вот: на вашем сайте я тоже этот баг заметил, ссылка начинается намного левей или правей чем сама надпись ссылки.Как это делается?
--
Я уже близок к финалу!
Без ваших советов я бы пропал:)
_________________
Что не так....
а,это ты Гога....
В ХТМЛ есть такая штука - неразрывный пробел называется. Код - &nbsp; Так вот с ее помощью можно вообще без надписи ссылку сделать. На "пустом месте " :P
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
Вы меня не так поняли, допустим если навести на надпись ссылки на вашем сайта( слева в рамочках) то ссылка начинается немного левее самих букв ссылки или правее,
так вот: как так делается, чтобы вставиь ссылку ИМЕННО в центр рамочки для ссыки в меню, ведь когда я ничинаю печатать пробел(символ неразрывного пробела) рисунок режится , а само меню двигается вправо
_________________
Что не так....
а,это ты Гога....
Ларс писал(а): Вы меня не так поняли, допустим если навести на надпись ссылки на вашем сайта( слева в рамочках) то ссылка начинается немного левее самих букв ссылки или правее
Потому что в данном случае ссылкой является НЕ надпись, а ВСЯ кнопка.
Сделайте ссылкой только надпись и ладошка будет появляться только на буквочках.
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
Я не пойму, нельзя ли поподробней для чайника?
_________________
Что не так....
а,это ты Гога.... Ларс писал(а): Я не пойму, нельзя ли поподробней для чайника?
Подробнее здесь:
http://svoisait.ru/links.shtml
http://svoisait.ru/link2.shtml
Сайт уже в сети? Можно посмотреть о чем речь? В центр какой рамочки Вы хотите поставить ссылку? С помощью чего делаются "рамочки" для ссылки? Как вообще ссылка организована?
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
http://www.woweb.ru/templates/with_images/067i/
Вот сам шаблон в сети. Видите шарики слева и справа от них строчки, в эти строчки я и хочу внести ссылки. Но сама ссылка начинается намного левей строчек, У САМОГО КРАЯ ЭКРАНА СЛЕВА!
Мне же нужно ,чтобы ссылка была как положено, на строчках, справа красных шариков.
_________________
Что не так....
а,это ты Гога....
Ну, в этом случае нужно сначала сделать картинку, то есть нанести надпись на картинку ( том же фотошопе или даже виндоском паинте), а потом уже вставить ее вместо той, которая там стоит.
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
http://sphereimperia.narod.ru/glavnaia.htm
вот,
я прочитал на вашем сайте "выкладываем страницу в сеть"
немного не понял: я просто загузил файлы и ВСЕ
там еще чтото написано....
сами видите, как меденно грузит, хотя там офоновые рисунки и текст И ВСЕ?
Скажите, может так медленно потомучто я чтото не зделал?
_________________
Что не так....
а,это ты Гога....
Так медленно, потому что это "народ" и потому что много рисунков.
Народ вообще медленно грузится. Статья на моем сайте написана давно, с тех пор многое изменилось. :?
_________________
Ежик.
Не злой, но колючий!
http://svoisait.ru
Уходя с сайта не забудь кликнуть по банеру :-)
Мне кажется я понял в чем ваша проблема :)
скорее всего вы вставляете текст в ту же ячейку что и картинка, что происходит при этом ширина ячейки строго как у картинке, браузер должен показать и то и другое, таким образом он раздвигает ячейку и получается что картинка уезжает влево, если так то вот решение:
Загоняете вашу картинку в бэкграунд можно сделать например так:
Код: <td style="background-image: url(images/yourimage.gif); background-repeat: no-repeat;"></td>
теперь ваша картинка в бэкграунде и вставленный в ячейку текст ничего не будет "отодвигать", а просто расположится поверх картинки, затем если вам нужно спозиционировать текст в нужное место можно воспользоваться горизонтальным и/или вертикальным выравниванием, кроме того можно расставить padding или margin например:
Код: <td style="background-image: url(images/yourimage.gif); background-repeat: no-repeat; padding-left: 50px;"></td>