Newie
-
Posts
49 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Newie
-
-
круто, сперва psywalker'у отписал, потом ссылку глянул, спасибо огромное!
-
<div style="width: 100px;border-left: 10px solid red; overflow: hidden;">
<a href="#" style=" background: red; padding: 1px 0;">А я иду, гуляю
по Москве</a></div>))
ок, только необходимо, чтобы справа от текста до заливки(в вашем случае красной), был бы тоже отступ в 10px
-
Добрый день все участникам и модераторам.
Вопрос следующий:есть название чего-либо, и это название пишется в несколько строк, т.к. в одну в соответствии с шириной вмещающего контейнера не умещается, например
<a href="#">А я иду, гуляю
по Москве</a>
Позади надписи есть background-color(именно как строчного элемента, то есть заливка только позади текста)
Вопрос:как сделать так, чтобы в каждой строке текста от заливки были равномерные отступы слева и справа, а не только перед "A..." и после "...Москве". Пример -
http://newbie-asd-a.narod.ru/example.jpg
Надо, чтобы было как на верхнем рисунке, а не так, как на нижнем
Заранее спасибо.
-
Значит сделай вместо ячейки див например, и пусть он уже остаётся на месте.
Видимо придется, а то Opera теперь жгет: 9-ка не понимает-таки position:absolute для <td>, в 10-ке вообще чудеса творятся - сперва ячейки на месте, а при достижении при помощи прокрутки остального контента левой границы внешнего блока эти абсолютные ячейки начинают ехать вместе с остальными!Вообще 10-ка очень косячная на удивление
-
А в чём собственно вопрос?
Вопрос заключался в том, что у при абсолютном позиционировании ячейки относительно внешнего div'a она д.б. оставаться на месте, у меня же она в IE прокручивалась вместе с остальным контентом.
-
Ну и что? Ячейка просто выпала из потока.
Но вот так у тебя сделать не получиться
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="over" style="overflow:hidden;width:800px;position:relative;">
<div id="container" style="width:100%;overflow:auto">
<table class="compare">
<tr>
<td style="position: relative; height: 500px; border: 1px solid #000;"><div style="position: absolute; left: 0; top: 0;">kdsfksfj</div>Название модели:</td>
<td style="padding:0 100px"><h3>11</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
</tr>
</table>
</div>
</div>
</body>
</html>Див внутри ячейки спозиционируется не по её границам, а по границам внешнего элемента с релативом.
Интересно, такой фишки не знал, но и вопрос был немного не в этом, прошу прощения за неточную формулировку, буду косяк искать у себя, ибо тестовый код(приведенный мною выше) заработал как надо
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head
</head>
<body>
<div class="over" style="overflow:hidden;width:800px;position:relative;">
<div id="container" style="width:100%;overflow:auto">
<table class="compare">
<tr>
<td style="position:absolute">Название модели:</td>
<td style="padding:0 100px"><h3>11</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
</tr>
</table>
</div>
</div>
</body>
</html>
Блин,сейчас пока писал этот код он заработал в IE6, парадокс, на исходнике не пашет, буду искать косяки.Проверяйте, position:absolute для <td> работает!
-
Добрый день всем!Подскажите, как решить проблему абсолютного позиционирования ячеек в IE 6-8. Заранее спасибо
-
Решил проблему! Для блока, в котором находится скрол, например для нижеприведенного это будет контейнер content
<div id="content">
<div class="scroll-wrap">
<div class="scroll-pane">
</div>
</div>
</div>нельзя задавать position:relative! токмо absolute! Если кто-то найдет другое решение - интересно будет узнать. Всем спасибо
-
Ссылка?
http://newbie-asd-a.narod.ru/ понаблюдай поведение скролла самой оперы при прокрутке скролла jQuery
-
Добрый день всем! Есть проблема с высотой в браузере Opera 10 при наличии на странице скролла jQuery. Когда ползунок находится внизу высота страницы нормальная при оттягивании же его вверх страница начинает увеличиваться в высоту, в остальных браузерах и в самой Opera более ранних версий такого глюка не наблюдается. Как разрешить данное недоразумение? Буду оч признателен!
-
1)
Не важно, ты должен выслушивать всё, что тебе говорят, но с другой стороны не принимать это всерьёз, а фильтровать и черпать из высказанного идеи, которые помогут тебе в будущем. Тоже самое кстати касается и литературы.
2)
Никаких рулек, чушь собачая, берёшь и читаешь всё подряд, и чем больше, тем лучше, за всю жизнь ты обязан прочитать библиотеку, НЕ МЕНЬШЕ!!!
3) Да, и кстати
О каком "Спасибо" идёт речь? Я тебе не комплименты делаю, а по факту говорил.
Оки, понял, учитывая, что интересы web не ограничиваются, придется прочитать пару библиотек;все, флуд в сторону, за дело!Спасибо за советы, а не за оценки
-
Newie
Я тебе так дружище скажу, выработай свой чёткий стиль, только не коси не под кого и иди с ним по-жизни, меняя иногда в лучшую сторону код, но не отходи от стиля! Удачи!
Кстати, мне вёрстка понравилась, НО я не всматривался в мелочи, это мой поверхностный взгляд. И ещё хочу добавить, что по крайней мере меня очень порадовало, что результат на лицо, по сравнению с предыдущей (ужасной) работой. Молодец, значит стараешься, только не останавливайся, это всё не о чём, всегда иди вперёд, зубри, учи, вникай и тогда только заметишь результат. Начало ты уже положил, а дальше смотри сам, тебе выбирать, повторюсь, мне кажется, ты на правильном пути...
Спасибо, душевно! Я вот так думаю:главный критерий-критика более опытных, будешь тягаться с тем, кто слабее тебя-ничему не научишься, будешь работать вообще без критики - примерно то же самое. Так что главное - разумная критика, и чем ее больше и чем она качественнее, тем лучше конечный результат; будем работать дальше.Кстати, прочитал пару книг, глянул по остальным - почти то же самое что и в предыдущих, самая рулька CSS Майера, есть еще что нибудь такое же фундаментальное, может даже англоязычное(только не так чтоб зуб сломать)?
-
А мне то какая разница как выставлять? Я выставляю свои и не боюсь что обвинят в плагиате. Это лучший вариант.
Как другой вариант, это взять какой-нибудь известный сайт и видоизменить его на свой вкус. То есть оставить узнаваемым, но представить его так, как это видишь ты.
Кстати, очень полезная тренировка. Гораздо полезнее, чем верстать говношаблоны.
К примеру - http://www.usa.gov/index.shtml - там код ппц какой ужасный. Взять и сделать его чистеньким, полностью на блоках.
[/quote
Я тоже не боюсь и выкладываю собственноручно сверстанные макеты, т к нелепо по-моему выкладывать сверстанный кем-то макет.Работать за меня бесплатно потом тоже будет дядя-инкогнито а деньги я себе в карман класть буду? Подскажи где взять НЕгавношаблоны, желательно такие, чтоб на портфолио можно было кинуть, буду признателен.Как рисунки к сайтам брать, методом скриншотов?
-
Причем тут авторитет если и правда очень во многом схожи верстки? У меня нет макета "для тренировки", они все коммерческие. Если что-то будет дам ссылку.
схожесть не значит ничего, если вы на кого-то похожи,это еще не значит что вы братья(или сестры), я думаю что для верстки одного и того же шаблона существует не более десятка(не прицельно - не считал)принципиально различных вариантов верстки, по вашему вероятность совпадения событий в 10% ничтожно малая величина в природе не существующая и возможность реализации события с такой вероятностью в пределе стремится к нулю?ЖДУ ССЫЛКИ и ответа на вопрос:как теперь выставлять на обсуждение очередной макет?
-
А зачем мне это? Я сейчас нашел в гугле, по ключевым словам Artificial Casting оригинальный макет. CSS один в один практически, HTML тоже. Я ж говорю, разница 5-10% максимум между оригинальной и твоей версткой.
Так что с ооооочень большой натяжкой ты можешь говорить, что это твоя верстка. Я бы например постеснялся выкладывать.
ну так что же, сударь я дождусь от вас макета для восстановления так несправедливо попранной вами моей репутации?стесняться мне абсолютно нечего, потому и выложил, вопрос в другом: как теперь быть? если я захочу снова выложить макет, вы опять прилетите со своими наветами?а остальная публика будет вторить вам, слепо доверяя вашему авторитету?
-
едрены пасатижи, коммерции мне ненадо, еще успеется, подскажи тогда уж ресурс в сети где нет ничего кроме png шаблонов, я не хочу, чтобы меня считали за какое то инфантильное чучело, которое занимается плагиатом, и выкладывает макеты чтоб других позабавить
Для тренировки тут уже народ макеты предоставлял выбирайте.да верстал я их, только для себя, гляньте повыше в топике есть сверстанная мной UTA, которую оч непредвзято прокомментил psywalker и любезно предложил сравнить со своим образчиком.Смысл их верстать, куча людей их верстала и уже выложила на обсуждение,, чтоб потом опять же в плагиате обвиняли? вот уж дудки!потому и взят посторонний макет, где если и есть html, то такой убогий, что верстка никаких тестов не выдерживает
-
А зачем мне это? Я сейчас нашел в гугле, по ключевым словам Artificial Casting оригинальный макет. CSS один в один практически, HTML тоже. Я ж говорю, разница 5-10% максимум между оригинальной и твоей версткой.
Так что с ооооочень большой натяжкой ты можешь говорить, что это твоя верстка. Я бы например постеснялся выкладывать.
ага, если не считать что в таком макете менюха нераздвижная, круглые углы ни у формы ни у нижних квадратов не используется и все плывет, когда заполняешь их доп текстом, да и точечный back тянется неравномерно при заполнении контентом; сделаем так, ты сейчас мне дашь какой-нить png файл, который кроме тебя никто не верстал, ну или по крайней мере мне его будет не так то просто найти, ну или ты мне скажешь имя ресурса где можно свободно скачать ТОЛЬКО png и я это дело верстаю, а потом дней так через 3-4 выложу, идет?
-
Интересная техника, надо будет взять на вооружение...
Да вы не волнуйтесь, просто первый раз такое в чьем-то коде увидел, вот и подумалось.
я спокоен как удав, просто надо спросить у человека сперва что да как и не делать поспешных выводов, ща Veder скину ссылки на рисунки и после я думаю при холодной голове все встанет на свои места
-
Уход от ответа. Более доказательств не требуется.
Извини, но я не один год в этом бизнесе и такие вещи вижу за милю.
Да, когда делаю сайт я использую ТОЛЬКО свои мозги. Названия тегов и комменты тоже сам называю. Сетку тоже сам делаю.
В данном случае мы видим верстку, измененную максимум на 5%. Это не плагиат?
вот тебе пока http://narod.ru/disk/18847134000/index.html.html и http://narod.ru/disk/18847133000/style.css.html рисунки догрузятся ссылки кину
-
Но это ж бред. Лучше свое сделать, а так получается что в любом случае будешь периодически смотреть на их верстку.
UPD. Нихрена он не сам врестал, глянь на названия и комменты в коде. Чисто шаблонный вариант, продажный.
что лучше самому сделать?нарисовать шаблон в png?навыков дизайнера в себе пока что не обнаружил, уж извините!И что не так в коде? И почему-бы не взять комменты на вооружение(я например их видел, когда смотрел видос на sdelaysite.com? или по-вашему это уже плагиат?)?удобно по-моему, или вы используете ТОЛЬКО свои мозги и постоянно изобретаете велосипед?
Может и так. Только вроде как на сайте Templatemonster предлагают XHTML-верстку, а у Newie стоит HTML transitional.Так что хз-хз, а комменты в коде я видел, ну и что, сам тоже на инглише комменты пишу.
Хотя глянул тут на CSS - явно оттуда...
Newie, колитесь сами делали или нет?
Про сам не сам я уже Verder'у думаю обстоятельно объяснил, и что же у меня с css теперь не так?рекомендация использовать комменты взята с сайта cssschool.ru подробнее http://www.w3school.ru/blog/css/improving-...tyleguides.html
-
Не понял, а чего проверять и оценивать?
Шаблон с Template Monster (или какого-то подобного ресурса, не помню где видел) к которому вы не имеете ни малейшего отношения, за исключением пары измененных вами тэгов?
Эх, сказал бы я, да обещал не выражаться.
Уважаемый, я конечно понимаю ваши претензии, но не принимаю их не разу.Как вы считаете, человек которому нравится верстать и который хочет на перспективу работать в области web технологий будет выкладывать сверстанный КЕМ-ТО КРОМЕ НЕГО САМОГО макет?Для того что ли чтоб прибавить работы модераторам или занять зевак? Если хотите, выложу вам ссылку на сверстанный макет, прилагавшийся к папке с шаблоном(то есть к которому я действительно не имею ни малейшего отношения), результат я думаю будет внятно различим
-
сделайте страницу валидной потом будем дальше *оценивать*
А все валидно, только с transitional в Doctype(щас под strict по совету Great Rush подгоняю) и через direct input или file upload в validator, а через uri из-за того что яндекс бороду какую-то вешает, не проходит валидацию
-
<h1><a class="logo" href="#"><img class="logo" src="images/logo.png" alt="logo"></a></h1>
Вот тут можно было б обойтись без класса на картинке (<img>).
<label>User Login</label>
User Name:
<input class="text" type="text" value="enter your name">у инпута должен быть атрибут name, а у лейбла - for, а у <form> должен быть атрибут method.
Блок "News & Updates" я бы сделал при помощи списка определений (<dl><dt><dd>), а не городил бы параграфы с дивами вперемешку.
А че у вас сразу "News & Updates", "Some lines about us" и "Photo Gallery" разные заголовки (<h3> и <h2>)? По контексту они должны быть заголовками одного уровня.
<div id="space">
</div>Это что еще за кака? Семантика говорите?
<p>
<a class="purpose" href="">Conubia nostra per inceptos</a>
<a class="purpose" href="#">Etiam porta ullam sodales libe</a>
<a class="purpose" href="#">Lobortis ac mauris mauris</a>
<a class="purpose" href="#">Sed varius ante roin sed</a>
</p>Что мешает сделать этот кусок списком? (<ul>)
<p>
<a href="#"><img src="images/gallery_chess.gif" alt="chess"></a>
<a href="#"><img src="images/gallery_jug.gif" alt="jug"></a>
<a href="#"><img src="images/gallery_roulette.gif" alt="roulette"></a>
<a class="button" href="#">view more</a>
</p>Тут аналогично...
Блок "Creative Story" тоже можно сделать при помощи списка определений.
<a class="button g" href="#">read more</a>
Эти кнопки все-таки нужно сделать по методу "раздвижных дверей" (см. Google). А то мало ли какой в них текст впихнуть захочет заказчик.
А вообще макетик приятный. Только тень от коня есть, а от слона тень дизайнер пририсовать забыл... могли бы и поправить, продублировав тень от коня. Ну не резина опять же...
Верстка нормальная, только не ясно почему вы выбрали именно такой доктайп?
обо всем по поядку:
1.Класс уберем
2.У input и label это обязательные атрибуты по умолчанию?С form лоханулся
кстати по ходу дела вопрос:что прописывается в реальном сайте в атрибуте action(если есть ссылка на какую-нить инфу, буду признателен)3.С dd, dt, dl еще не сталкивался, попробую переделать
4.Заголовки в png макете разных размеров, потому я их и в верстке разными сделал
5.
<div id="space">
</div>- это как часть метода прижатия footer'а, но в общем-то он действительно ни на кой болт не нужен; если знаете другой корректный и более красивый метод, буду рад узнать о таковом(это вопрос!)
6."Переходный HTML более «спокойно» относится к некоторым огрехам кода, поэтому этот тип использовать предпочтительнее. " - цитата из "Шаг за шагом" с сайта htmlbook.ru, поэтому такой и использовал, а какой более уместный?
7.Спасибо за потраченное на анализ моего труда время!Надеюсь получить ответы на заданные здесь вопросы.И еще раз прошу прощение за нарушение порядков раздела, дотяну до 30-ти, а там...
Вопрос знатокам
in HTML Coding
Posted
Ссылку Great Rash посмотрел, там все есть, спасибо!
Изыски дизайнеров, ничего не поделаешь!