mav
-
Posts
53 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mav
-
судя по предоставленному изображению, видимо, задачу обрисован недостаточно корректно... блок со ссылкой НА ВСЮ ширину колонки и должен быть ПОД изображением с текстом (или текстом с изображением, как больше нравится) http://www.aisystems.ru/mav/test.png
-
блок со ссылкой должен быть или под картинкой или под текстом в зависимости от того, что из них больше по высоте. то есть когда текста много и он больше изображения, то все нормально, но когда его меньше, то блок наползает на картинку в таком виде как есть сейчас, данный блок позиционируется только относительно текста, поскольку изображение по сути не имеет высоты, так как у него стоит "float"
-
господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">blah</a> </div> </div> </div> текст по высоте меньше чем картинка (особенно на высоких разрешениях) и из-за этого блок со ссылкой оказывается выше чем нужно и зачастую наползает на картику, что не гуд. более того, высоту определить и сделать отступ возможности нет, ибо это тока шаблон. "clear" в данном случае не работает, поскольку роняет блок на уровень или левой или правой колонки в зависимости от параметра. а теперь внимание, вопрос: как быть и что делать? %)
-
для img высота и ширина не являются обязательными, а только src (само собой) и alt если говорить именно о валидности, то насколько знаю table, tr, td могут и не иметь никаких параметров закрывать надо ВСЕ тэги, включая img, только он закрывается так: <img src="***.gif" alt="картинко" />
-
а позже, когда постигнешь сие творение и ничего ползти не будет, убей себя ап стену, ибо достиг ты всего в этой жизни и стремиться больше не к чему %)))
-
тогда поясните что именно вам нужно %) как должен быть спозиционирован блок? %) в общем же виде это будет выглядеть так: <html> <head> <style type=text/css> #header { width: 100%; height: 100px; background: #0f0; } #blok { height: 50px; width: 500px; background: #f00; } </style> </head> <body> <div id="header"> <div id="blok"></div> </div> </body> </html> красный блок находится внутри контейнера header и в целом может быть какой угодно ширины и высоты, но раз у исходного блока в данном случае 100px, то большего размера внутренний блок делать смысла не имеет. к тому же внутренний блок если не будет иметь своего бекграунда, то он будет прозрачным и все его содержимое будет на фоне блока header, который представляет собой нужное вам изображение %) извиняюсь, если несколько витиевато выразился, но думаю основная мысль ясна %)
-
тоже не вижу проблем... берешь и внутри него накидываешь нужные блоки %) все %)
-
вкратце, валидация - это проверка гипертекстового документа на соответствие стандартам %) http://forum.htmlbook.ru/index.php?showtopic=4268
-
2maddogrts: вижу, любите подсирать (извиняюсь за свой французский) %) так вот, коль уж за вас в обсуждении принял участие другой человек, при этом конценсус был достугнут и непонятки разрешены, то вам бы следовало заткнуться и не сорить подобными высказываниями теша свое самолюбие а-ля "я был прав, я крут" %) за сим я все сказал %) можете начинать тяфкать %) ЗЫ: не надо пытаться меня понять %) у самого не получается уже столько лет %)
-
в этом случае, все так %) но один момент, что в общем виде это делается именно на без извращений, а потом уже, если надо, исправляется бекграундом %) код должен быть максимально простым, это любой прогер скажет
-
к тому, что непонятно зачем усложняете конструкцию наложением бекграунда на каждый элемент списка.. зачем?...
-
жжоте, товарищ, однозначно жжоте
-
да нет, задача стояла понятно.. как сделать маркерованный список в выводом изображения используя цсс %)) это у них ПОКА ЧТО все сделано параграфами, за неумением другого %)
-
стиль "list-style-image: url("картинко.gif")" надобно прописывать для тэга то есть такого вида будет код: <html> <head> <style> .red { list-style-image: url("чегототамкрасное.ххх"); } .blue { list-style-image: url("чегототамсинее.ххх"); } </style> </head> <body> <ul class="red"> <li>раз</li> <li>дваз</li> <li>триз</li> </ul> <ul class="blue"> <li>раз</li> <li>дваз</li> <li>триз</li> </ul> </body> </html> или для других списков вообще ничего не писать, тогда они будут выглядеть стандартно %)
-
сразу косяк %)
-
единственное, что могу сказать, так это прислушайтесь в совету Storm по поводу четырех дивов и флоатов.. плюс к тому, чтобы первая строка выглядела намана, надо будет градиент сделать бекграундом и растянуть его по Х
-
2Jaeser: поверьте мне на слово, если попробую, то и напишу %) но у меня нет на это ни желания ни времени
-
1. давайте без истерик 2. отличное знание хтмл уже предполагает умение сделать так чтобы не ползло %) в общем ф топку... помогать советом в таких ситуациях себе дороже
-
в двух словах... даже если ты пропишешь правому диву float: right, то не поможет ибо правый блок будет налезать на левый и смещаться вниз... да и вообще не совсем понятна конструкция всего этого дела... я так понимаю это планируется быть шапкой страницы, а ниже будет еще контент какой-то?
-
и есть блоки/контейнеры (называй как хочешь)...только несколько дивов подряд будут друг под другом, а спаны будут в строчку если влазят по ширине %) приведу пример обычных блоков для страницы (высоты, ширина и текст само собой повторять не обязательно, их надо менять в зависимости от конкретной страницы) <html> <head> </head> <body> <div style="width: 99%; margin: 0 auto 0 auto; border: 1px solid #000;"> <p>HEADER<p/> </div> <div style="width: 99%; margin: 0 auto 0 auto; border: 1px solid #000;"> <p>MENU<p/> </div> <div style="width: 99%; margin: 0 auto 0 auto; border: 1px solid #000;"> <p>MAIN CONTENT<p/> </div> <div style="width: 99%; margin: 0 auto 0 auto; border: 1px solid #000;"> <p>FOOTER<p/> </div> </body> </html>
-
только far manager и плагин его colorer %)
-
Помогите с олимпеадой по информатике - теги не знаю нужные!
mav replied to sting's question in HTML Coding
абЫделся, маленький, однако %)) -
-
2tray: ссылки создаются в css? %) право, это забавно... надо уж дать человеку справку... css - есть Cascading Style Sheets, или по русски "каскадные таблицы стилей" и не о каком "создании ссылок в css" говорить не приходится, ибо это это все же html-код, а не css %) так что если надо много ссылок либо копипасти, либо ставь cms
-
значит заюзай strict, он особо поганить не должен... ну или как вариант забить на валидатор, работает и ладно %)