Перевод строки в html.
поясни подробней
перевод строки — это когда верстальщик переводит целую строку на всякую фигню
чорт... когда я табами структуру шаблона пишу - это ж вапще песдетс?
Без br, просто с новой строки пишем,браузер этот перевод воспринимает как пробел.
Так ты хочешь чтоб на этом месте вообще не было пробела или чтобы был перенос строки?
Красивого вроде нет, если только на стороне сервера резать при выдаче...
Надо чтобы на этом месте пробела не было, но в коде страницы был перенос строки.
У тебя что редактор не поддерживает строчек нужной длины?
то есть чтобы на выдачу шёл весь код одной строкой, хотя в реальном документе весь код с переводами строк?
понял... есть такое. Как убить - не знаю. В никсах попробуй то же самое (без \r). Но не уверен
Да мне нужно не конкретно какую-то задачу решить, когда я сделал бы фрагмент кода в одну строчку и не парился. Мне нужно общее решение, если оно есть.
![](/images/graemlins/smile.gif)
![](/images/graemlins/smile.gif)
Похоже что его и нету...
![](/images/graemlins/grin.gif)
если совершенно случайно проблема примерно в этом:
<a многомногомногобукв>
[[вот тут лишний пробел]]
текст</a>
то мона делать так:
<a многомногомногобукв
>текст</a>
т.к. переводы строк внутри тэгов браузер не обрабатывает
Более того, отсюда следуеют, что можно решить более общую проблему, заключая каждый перенос строки в коде в скобки тэга: <qqq вот такой перенос ...
>
![](/images/graemlins/grin.gif)
Только выглядит это непривычно... Что скажете, кодеры?
![](/images/graemlins/smile.gif)
То есть вместо:
<a href='#'>link</a>
<a href='#'>link</a>
<a href='#'>link</a>
получаем:
<a href='#'>link</a
><a href='#'>link</a
><a href='#'>link</a
>
Работать-то вроде работает, но всё же что-то смущает...
![](/images/graemlins/smile.gif)
т.е.
<a href='#'>link</a>
<a href='#'>link</a>
<a href='#'>link</a>
бессмысленен. т.к. в результате в браузере отобразится
linklinklink, все будет подчерукнуто и где какая ссылка никто не разберет.
Человек тебе говорил о конструкции типа
<a href='#' и тут еще много всякой фигни
>link
</a>
дабы пробел не возникал внутри линка. Для кодеров, в данном случае, была привычна картина
<a href='#'
onclick="blablabla"
class="blablabla"
и так далее еще куча атрибутов
>link</a>
![](/images/graemlins/smile.gif)
линклинклинк это для примера, и как раз его я подразумевал корректным
![](/images/graemlins/grin.gif)
скажи ещё что три одинаковых слова это плохо,пользователь не поймёт чё имеется ввиду
![](/images/graemlins/grin.gif)
между ними будут пробелы из-за переводов строк, каких в каком-то конкретном случае быть не должно. Например первый линк-это картинка, второй линк-слово. Требование-между картинкой и словом не должно быть пробела.
Второй приведённый вариант удовлетворяет требованию, но синтаксически мне не нравится что последний символ закрывающего тэга нужно переводить на новую строку. Вот про это я спрашивал, что скажут кодеры, как им такие переносы
![](/images/graemlins/smile.gif)
А какие ещё пробелы внутри линка? Это где хреф,онклик и иже с ними? А нам не пох ли на эти пробелы между ними?
![](/images/graemlins/smile.gif)
И я хотел лишь узнать, как кодеры отнесутся к такому ужасному переносу.
![](/images/graemlins/smile.gif)
дабы пробел не возникал внутри линкаПро это понял что ты имеешь ввиду
![](/images/graemlins/smile.gif)
Но это те же яйца. Просто в одном случае пробел внутри линка, в другом вне его
![](/images/graemlins/smile.gif)
и в том и в другом случае возникают из-за переноса и лечатся одинаково.
В приведенном тобою примере непонятно зачем используется 3 тега a для проставления одной единственной ссылки.
А вот за такое любому верстальщику на работе оторвут руки и промоют мозг. Возможно он после этого не сможет некоторое время сидеть.
![](/user/upload/file4375.png)
![](/images/graemlins/laugh.gif)
Что говорит не в пользу того ресурса, где она примененна
А вот за такое любому верстальщику на работе оторвут руки и промоют мозгПривожу один из вариантов. Есть линк с картинкой:
![](/user/upload/file14334.gif)
Только во-первых картинка должна быть ссылкой, точнее вся эта строка это какой-то один и тот же функционал.
Во-вторых ссылка по умолчанию должна быть не подчёркнута, а при наведении должна подчёркиватся.
Итак, требования:
1. Кроссбраузерность (ие, опера, мозилла, сафари)
2. Пробела между картинкой и ссылкой быть не должно! что в общем-то логично, ведь это всё будет один и тот же функционал. И надеюсь понятно, что не должно его там быть по тем причинам, что в этом случае если вести курсор со слова на картинку, то на какой-то миг ссылка теряется. Вот это и не устраивает ни руководство, ни программистов, ни меня. А отпозиционировать, так можно и с пробелом его к такому же виду привести, это не проблема.
Сразу отмечу, что заключив картинку и слово "open" в один тэг <a></a> теряется кроссбраузерность. При наведении на ссылку, мозилла подчёркивает не только текст, но и картинку.
Как бы решил такую задачу ты?
![](/images/graemlins/smile.gif)
?
Сразу отмечу, что заключив картинку и слово "open" в один тэг <a></a> теряется кроссбраузерность. При наведении на ссылку, мозилла подчёркивает не только текст, но и картинку.Какая версия мозилы это делает? Вот такой вот код вполне корректно отработал в мозиле версии 1.7.1
<style>
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
<body style="margin:0px;height:100%">
<a href="#"><img src="xtree/images/file.png" border="0">asdasdasd</a>
</body>
Я было подумал, что вдруг такое свойство проявляется у него как побочный эффект, побровал,нет. Ну, спасибо хоть за надежду
![](/images/graemlins/grin.gif)
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd'>
![](/images/graemlins/smile.gif)
Или у вас, кодеров, это считается дурным тоном?
![](/images/graemlins/smile.gif)
Честно говоря логику разработчиков я не понял, но с подобным поведением боролся бы примерно так же. Единственно что я переносил бы не скобку закрывающего тега, а как и приводил в своем примере, что-нибудь в середине тега. Скорее всего img
![](/images/graemlins/smile.gif)
плана вместо тега img. Такие картинки никто подчёркивать разумеется не будет.
<a href="http://www.ru/"> мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
мыла раму мама мыла раму мама
</a>
в сочетании с тегом <nobr> escape-последовательность может тебе помочь...
![](/images/graemlins/smile.gif)
Короче на a:hover уже использован background,так что при наведении либо треугольник, либо подчёркивание точками.
Хотя можно наверно span какой-нить вложить, мне это уже не нравится, симпатичнее тогда уж в одну строку две ссылки сделать, а можно вообще картинку сделать высотой с шрифт с заданным фоном и сделать ей relative на пару пикселей сверху, чтоб перекрывать подчёркивание, а в фотошопе сам треугольник поднять. Решения можно искать. Но вообще это тоже лишь приведённый пример был, когда это может понадобится. Тут вопрос именно об общем механизме избавления от появляющихся пробелов...
![](/images/graemlins/smile.gif)
Я вижу пока два общих решения, самый красивый - это xhtml с xsl. Ну, второй с переносами, пока противоречий не нашёл, хотя настораживает и лично мне красивым не кажется...
![](/images/graemlins/smile.gif)
![](/images/graemlins/smile.gif)
что это?
![](/images/graemlins/confused.gif)
![](/images/graemlins/smile.gif)
: траблы с пробелом
filosof: ну типа можно так
: а вот мне нужно, чтоб вначале файла обязательно такая строчка была..
filosof: да нафига эта строчка?
: неее. она очень нужна
: а что, с ней код философа не работает?
Мозилла с таким doctype подчёркивает и картинки заключённые в тэг 'a'.
При объявлении разных типов документа браузер несколько иначе воспринимает тэги и отображает страницу.
![](/images/graemlins/smile.gif)
а что, с ней код философа не работает?потесть ради интереса в мозилле, со строчкой и без
![](/images/graemlins/wink.gif)
Оставить комментарий
jonishko
Перевод строки в html считается пробелом, есть ли красивый способ убрать пробел, кроме того что писать в одну строчку?