D.S.Denton
Expert-
Posts
993 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by D.S.Denton
-
охохо... a href="java script:window.open(...)" а для поисковиков ссылку на эту страницу приписываешь через link rel="child" либо в sitemap-файле
-
***DS предпочел воздержаться от комментариев дабы не сказать чего лишнего на нетрезвую голову
-
вообще-то это по php и не имеет отношения к типографике... convert_cyr_string()
-
няка нехорошая еще хуже... удобнее: <p><span>Адрес:</span> г.Краматорск <span class="voot">Ася:</span> 444048431</p> <p><span>Тел.:</span>(8050)1549028</p> <p><span>E-Mail:</span><a href="mailto:ageent.ua@gmail.com">ageent.ua@gmail.com</a></p> (в комментах статей отметился, хех...)
-
вынесем еще наверх шапку, использовав абзац, хотя лучше вместо P задать h1. и пожалуй хватит оптимизации, дальше сам просто здесь такая станица, которую лучше делать блоками, а таблицы только усложняют <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Var1</title> <style type="text/css" media="screen"> /* сбрасываем чтоб не мешалось */ html,body,p {margin:0; padding:0;} table,img {border-width:0px;} body {background-image: url('Oii1.jpg');} /* хорошее название для картинки, хм... не забудь исправить */ #header { width:1200px; height:75px; text-align:center; color:#000000; font-size:large; font-weight:bolder; font-family:courier; } .block1 { margin-top:150px; margin-left:18px; font-family:courier; font-weight:bolder; color:#646464; font-size:18px; } .block2 {margin-left:80px;} /************************************* это использовалось только для одного абзаца... непозволительная роскошь ради одного-единственного переопределять стили всех P и иметь в будущем потенциальные проблемы. потому выносим нужное в #header, кроме маргинов p { margin-top:10px; margin-left:50px; color:#000000; font-weight:bolder; font-size:large; font-family:courier; } *************************************/ a,a:visited { color:#646464; font-size:18px; text-decoration:none; } a:hover {text-decoration:underline;} /* a:visited {color:#646464;} - убираем, объединив с A */ a.link1 {color:#ff0000;} /************************************* не нашел нигде id=2. да и нельзя такой айди. выкинем #2 { color:#000000; font-weight:bolder; font-size:large; font-family:courier; } *************************************/ </style> </head> <body> <p id="header" style="border:3px dotted blue;">IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> <table style="text-align:left; height:800px;" width="1200" cellpadding="2" cellspacing="2"> <col width="216" /> <col width="334" /> <col width="440" /> <col span="2" width="105" /> <tbody> <tr> <td rowspan="2" style="vertical-align:top; height:605px;"> <div class="block1" style="line-height:1.4"> <a class="link1" href="Var1_1.html">Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px;"> <div class="block2"> <i><b>Iaiaoeee ycue    (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px;">y?aeea3</td> <td>y?aeea</td> <td>y?aeea</td> <td>y?aeea</td> </tr> </tbody> </table> </body> </html>
-
оформление очень сильно напоминает десяток аналогичных шаблонов с темплейт-монстерс... да и "вот по этому адресу" тоже. а если сравнивать исходник, как и было задано, сабж куда лучше http://hc.ru/ru/
-
по гпрсу загружалось не дольше, чем лебедевский (раз уж АЛ упомянули). по коду - блин, завидую, что лентяй сам такое писать, даже основываясь на готовых шаблонах верстки.
-
ну собственно решим это просто - задав среднему стобцу ширину на 44 пикселя больше. 396+44=440. и теперь можно избавляться от width, точнее выносить их. ... <table style="text-align:left; height:800px;" width="1200" cellpadding="2" cellspacing="2"> <col width="216" /> <col width="334" /> <col width="440" /> <col width="105" /> <col width="105" /> <!-- последние два КОЛа можно также объединить в <col span="2" width="105" /> --> <tbody> <tr> <td colspan="5" style="vertical-align:top; height:75px;"> <p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> </td> </tr> <tr> <td rowspan="2" style="vertical-align:top; height:605px;"> <div class="block1" style="line-height:1.4"> <a class="link1" href="Var1_1.html">Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px;"> <div class="block2"> <i><b>Iaiaoeee ycue    (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px;">y?aeea3</td> <td>y?aeea</td> <td>y?aeea</td> <td>y?aeea</td> </tr> </tbody> </table>
-
дальше пытаюсь избавиться от width:ширина в каждой ячейке... видя что при суммировании получиается какая-то хрень нехорошая, прописываю в каждую ячейку ее размеры - w:ширина, h:высота, c:столбцы, r:строки очевидно что как в математической игрушке "магический квадрат" должны сойтись по строкам суммы их ширин и количество столбцов <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Var1</title> <style type="text/css" media="screen"> /* сбрасываем чтоб не мешалось */ html,body,p {margin:0; padding:0;} /*table,img {border-width:0px;}*/ /* хорошее название для картинки, хм... не забудь исправить */ body {background-image: url('Oii1.jpg');} .block1 { margin-top:150px; margin-left:18px; font-family:courier; font-weight:bolder; color:#646464; font-size:18px; } .block2{ margin-top:0px; margin-left:80px; } p { margin-top:10px; margin-left:50px; color:#000000; font-weight:bolder; font-size:large; font-family:courier; } a { color:#646464; font-size:18px; text-decoration:none; } a:hover {text-decoration:underline;} a:visited {color:#646464;} a.link1 {color:#ff0000;} #2 { color:#000000; font-weight:bolder; font-size:large; font-family:courier; } </style> </head> <body> <table border="1" style="text-align:left; width:1200px; height:800px;" cellpadding="2" cellspacing="2"> <tbody> <tr> <td colspan="5" style="vertical-align:top; height:75px; width:1200px;"> 1200w*75h (5c*1r) <p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> </td> </tr> <tr> <td rowspan="2" style="vertical-align:top; height:605px; width:216px;"> 216w*605h (1c*2r) <div class="block1" style="line-height:1.4"> <a class="link1" href="Var1_1.html">Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px; width:984px;"> 984w*605h (4c*1r) <div class="block2"> <i><b>Iaiaoeee ycue    (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px; width:334px;">334w*90h (1c*1r) y?aeea3</td> <td style="width:396px;">396w*90h (1c*1r) y?aeea</td> <td style="width:105px;">105w*90h (1c*1r) y?aeea</td> <td style="width:105px;">105w*90h (1c*1r) y?aeea</td> </tr> </tbody> </table> </body> </html> но получается что-то нехорошее. с шапкой все ясно: сумма 5 столбцов, ширина 1200. следующая строка: 1 столбец + сумма 4, ширина 216 + 984. нижняя строка неправильная: 1 столбец у нас уже есть из предыдущей строки + 4 одиночных, ширина 216 + 334 + 396 +105 +105 оказывается 1156
-
шаг 1 - исправляем самые грубые ошибки типа valign=top, вместо которого используем стиль. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Var1</title> <style type="text/css" media="screen"> /* сбрасываем чтоб не мешалось */ html,body,p {margin:0; padding:0;} table,img {border-width:0;} /* хорошее название для картинки, хм... не забудь исправить */ body {background-image: url('Oii1.jpg');} .block1 { margin-top:150px; margin-left:18px; font-family:courier; font-weight:bolder; color:#646464; font-size:18px; } .block2{ margin-top:0px; margin-left:80px; } p { margin-top:10px; margin-left:50px; color:#000000; font-weight:bolder; font-size:large; font-family:courier; } a { color:#646464; font-size:18px; text-decoration:none; } a:hover {text-decoration:underline;} a:visited {color:#646464;} a.link1 {color:#ff0000;} #2 { color:#000000; font-weight:bolder; font-size:large; font-family:courier; } </style> </head> <body> <table style="text-align:left; width:1200px; height:800px;" cellpadding="2" cellspacing="2"> <tbody> <tr> <td colspan="5" style="vertical-align:top; height:75px; width:1200px;"> <p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> </td> </tr> <tr> <td rowspan="2" style="vertical-align:top; height:605px; width:216px;"> <div class="block1" style="line-height:1.4"> <a href="Var1_1.html" class=link1>Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px; width:984px;"> <div class="block2"> <i><b>Iaiaoeee ycue    (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px; width:334px;">y?aeea3</td> <td style="width:396px;">y?aeea</td> <td style="width:105px;">y?aeea</td> <td style="width:105px;">y?aeea</td> </tr> </tbody> </table> </body> </html>
-
http://php.net
-
да вот сразу же видно - кодировка задана 1251 а текст нечитаемый. если бы он действительно был в 1251, при копировании в пост форума, таких извращенных символов не оказалось бы ÌÎÑÊÎÂÑÊÈÉ ÃÎÑÓÄÀÐÑÒÂÅÍÍÛÉ ÓÍÈÂÅÐÑÈÒÅÒ ÏÐÈÐÎÄÎÎÁÓÑÒÐÎÉÑÒÂÀ [ÌÃÓÏ] ссылки не закрыты - Íåìåöêèé ÿçûê дальше - доктайп задан quot;-//W3C//DTD HTML 4.01 Transitional//EN"> при этом значения атрибутов без кавычек, напр valign=top советы по оптимизации: colspan="1" - бред, однозначно, без колспана все равно значение единица и прочие стили с указанием ширины ячейки - ширину можно не указывать, ведь она уже задана у одиночных ячеек, соответственно ширина объединенных ячеек будет равна сумме ширин и потому сие объявление игнорируется в конце страницы совершенно бесполезная вещь, особенно после таблицы ну и еще мелочи, сейчас помучаю код, выложу
-
учел, благодарю. download 0.2 here discussion там правда русского в зарелизенных файлах как раз мало - если интересует именно перевод, а не многоязыковая поддержка, брать надо файлы из 0.1 версии.
-
1 - исправь ошибки 2 - все прекрасно становится, даже несмотря на п.1, и в лиске и в ИЕ6
-
так... на пальцах: index.php: menu.txt: в результате клиент получит такой хтмл-код: на компе будет работать, разумеется, ведь сервер это тоже комп. главное чтоб php-интерпретатор стоял
-
{margin:0; padding:0;} правда логично?
-
В ячейке текст переносится на новую строку, почему?
D.S.Denton replied to sinderman's question in HTML Coding
ну так получается это потому что к примеру ширина клетки на тетрадном листе не зависит от ширины самого листа -
варианты на php: <?php include('my_file_with_menu.txt'); ?> таким образом в указанное место страницы будет вставлено содержимое файла my_file_with_menu.txt и выполнен php-код, если он присутствует в вставляемом файле. <?php require('my_file_with_menu.txt') or die('Менб недоступно, сообщите администратору admin@site.ru. Выполнение скрипта прервано'); ?> аналогично первому варианту, но если не удается втыкнуть менюшку (причина либо в отсутствии файла, либо у скрипта нет прав на его чтение) ругаемся и прекращаем работу, ведь сайт без навигации не рулит <?php readfile('my_file_with_menu.txt'); ?> аналогично первому варианту, но если в втыкаемом файле присутствует php-код, он будет отображен на странице, а не выполнен (впрочем браузеры скорее всего его спрячут, но это детали) почему я использовал расширение txt - если поставить расширение php - к файлу можно будет обратиться через браузер, запустив его таким образом на выполнение, что не всегда хорошо. поэтому обычно вставляемые файлы сохраняют с расширением .inc (от слова include), чтоб сразу было видно. с другой стороны, если действительно надо не допустить обращения кем либо, кроме скрипта, к втыкаемым файлам, это правильнее ограничивать через .htaccess
-
Как вставить текстовую ссылку в пространство IMG SRC?
D.S.Denton replied to DanTe-Fr's question in HTML Coding
ну фон можно репитом сделать, тут уже зависит от самой картинки - как ее лучше. в крайнем случае и фон можно сделать растягивающимся (js+php) -
1 и 2 вопросы я задал совершенно серьезно.
-
к сожалению я уже не молодой... (с)Гусев из дивовской "Выбраковки" значит так, дорогой, ответь на вопросы: 1. для чего делается сайт? (варианты: для себя чтоб лежали странички на компе | чтоб другие могли этим сайтом пользоваться) 2. ты пример пробовал хоть один из трех сделать на практике? (варианты: да | нет | за***ли нотации читать) 3. много пил на этот НГ? (варианты: много | очень много) 4. укроп знортийский курил вдобавок к алкоголю? (варианты: да | нет, только имперский) P.S. Дим, снеси в треш хвост топика, а? продолжим там обсуждение лучше P.P.S. это описывается одной фразой... "Мануал читал. Много думал"
-
ок, прочитал это хорошо:+) пример 1: берем файл 123.avi и кладем его в ту же папку, где находится html-страница. код ссылки будет таким - текст или текст точка говорит что это текущая директория пример 2: создаем в папке с html-страницей папку video. в нее кладем 321.avi текст или аналогично с точкой текст пример 3: файл 666.avi лежит в какой-то папке, в которой также создана папка html и в ней уже лежит сама html-страница текст две точки означают что надо подняться на уровень вверх ну разумеется внутри ссылки может быть не только текст, но и картинка например
-
во-первых - страница разве для себя делается? путь в ссылке прописывается абсолютно по тем же правилам как нампример в src тэга IMG. а пример на такой вопрос несмотря на раздел "для начинающих" приводить не стоит, т.к. это сродни вопросу "а как открыть дверь" - в самом начале любого учебника про ссылки пишут. кто мешает прочитать stepbystep.htmlbook.ru предварительно? там совсем не много текста.
-
http://htmlbook.ru/html/a.html
-
во-вторых, не зная никакого языка, легче понять перл, чем пхп. одно только то, что тип переменной сразу виден из ее имени ($var, @var, %var) есть огромный плюс