ceil100
-
Posts
403 -
Joined
-
Last visited
-
Days Won
6
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ceil100
-
каскадные таблицы на то и каскадные, чтобы использовать всю их силу а множить количество классов до бесконечности, да еще давать им километровые названия это бред это подход дилетанта, который не понимает вложенности, что куда определяется и как этим пользоваться БЭМ это подход программиста, который не понимает и не хочет понять что такое CSS, зато он знает ООП и делает себе костыль из него, а потом говорит, что без этого костыля ходить не возможно. не знаю насколько большим должен быть проект, чтобы использовать БЭМ, но достаточно посмотреть на CSS БЭМ-сайта, чтобы понять, что это бред то что можно вместить в тридцать строк при правильном коде там растянуто на триста с лишним, с классами по три километра длиной с таким кодом нагрузка не только не уменьшится, она возрастет еще больше, а поддерживать такой код, это же с ума сойдешь когда сайт еще в пару раз увеличится
-
а пользователь в БД, с тем именем которое в настройках задано, у вас есть?
-
а если убрать его и флоат у правого, будет то же самое нафига так сделано?
-
паддинг увеличивает ширину контейнера, вот он и налезает для .content увеличь margin-left или уменьши ширину .sidebar1 чтобы не было таких проблем, лучше колонки делать фиксированной ширины, а у контента просто отбивать отступы на сколько надо
-
Автоматическое заполнение diva блоками, следующими слева на право
ceil100 replied to tragbang's question in HTML Coding
как вариант: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #oblogka { background-color: #C9F; height: 300px; width: 200px; position: relative; } .content { background-color: #CCC; float: left; height: auto; width: 90px; border: 1px solid #00C; } #left, #right {overflow:hidden;width:90px;} #left {float: left;} #right {float: right;} </style> </head> <body> <div id="oblogka"> <div id="left"> <div class="content"> <a>Cтрока</a><br/><a>Cтрока</a><br/><a>Cтрока</a><br/> </div> <div class="content"><a>Cтрока</a><br/><a>Cтрока</a><br/><a>Cтрока</a><br/><a>Cтрока< /a><br/> </div> <div class="content"><a>Cтрока</a><br/><a>Cтрока</a><br/> </div> </div> <div id="right"> <div class="content"><a>Cтрока</a><br/></div> <div class="content"><a>Cтрока</a><br/><a>Cтрока< /a><br/><a>Cтрока</a><br/></div> <div class="content"><a>Cтрока</a><br/><a>Cтрока< /a><br/><a>Cтрока</a><br/></div> <div class="content"><a>Cтрока</a><br/><a>Cтрока< /a><br/><a>Cтрока</a><br/></div> </div> </div> </body> </html> css тоже не волшебник -
а сайт евровидения сколько посетителей в день?
-
значки валидаторов убрать
-
можно использовать float какова конечная цель?блоки фиксированной ширины или относительной? как вариант: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #wrap {width:960px;border:1px solid #000;margin:auto;overflow:hidden;} #left {width:475px;height:600px;background:#ae54ff;float:left} #right {width:475px;height:600px;background:#ff34af;float:right} </style> </head> <body> <div id="wrap"> <div id="left"></div> <div id="right"></div> </div> </body> </html> правильно или неправильно зависит от конкретной ситуации
-
вот этого не скажу я не использую WordPress, это надо искать в поисковике наверное
-
<a class="mainParentBtn mainMenuParentBtn" title="Просмотреть все записи в рубрике «Это красиво»" href="http://blogproeto.ru/category/krasivo/">Это красиво</a> title - тайтл просто убери все что в кавычках во всех ссылках
-
зачем сразу так категорично просто подправить дизайн и определиться про что ПРО ЭТО
-
чтобы помочь, нужно вопрос правильно задать и целиком код страницы со стилями выложить где закрывающий тег для <div id="content_1">? <a href="javascript:chgim('bt3');" id="bt3"</a> тег не закрыт так и должно быть,ведь это плавающие блоки при уменьшении области просмотра, они сползают вниз потому, что не входят в нее задайте ширину в пикселях для #content_1 чтобы родительский блок не уменьшался при масштабировании, тогда при уменьшении окна браузера появится горизонтальная полоса прокрутки, а блок с плавающими элементами не уменьшится ширина 100% отсчитывается от окна браузера и она относительная, а ваши плавающие блоки имеют фиксированную ширину поэтому такая ботва и происходит
-
всегда пожалуйста
-
лишние </div> в конце каждой строки убери, кроме последней и тег <font> у тебя некорректно закрыт, так делать нельзя так правильно: <div id="test2" ><h3><a href="/all/imena1366.php"><font color="#778899">Дом</font></a></h3></div> пробелов внутри < /div> быть не должно! и так далее.... это только начало правильно будет выбросить весь этот код в топку и написать просто ссылки, внутри дива
-
уберите лишний доктайп! у вас структура страницы покорежена
-
сделай уже центральный блок в этом браузере добавляется отступ 3px (так называемый «трехпиксельный баг») в направлении, заданном значением float. так правильно: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div-raum {position:absolute; left:182px; top:47px; width:900px; height:510px; margin:0 0; padding:0; z-index:1;} #div-cont-links {height:510px; width:207px; background:#a5b6a5; float:left} #div-cont-mitte {height:510px; width:480px; background:#A5B6A5; margin-left:207px;} #div-cont-rechts {height:510px; width:207px; background:#a5b6a5; float:right} </style> </head> <body> <div id="div-raum"> <div id="div-cont-links"> </div> <div id="div-cont-rechts"> </div> <div id="div-cont-mitte"> </div> </div> </body> </html> либо вот такЖ <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div-raum {position:absolute; left:182px; top:47px; width:900px; height:510px; margin:0 0; padding:0; z-index:1;} #div-cont-links {height:510px; width:207px; background:#a5b6a5; float:left;margin-right:-3px;} #div-cont-mitte {height:510px;background:#f34fA5;} #div-cont-rechts {height:510px; width:207px; background:#a5b6a5; float:right;margin-left:-3px;} </style> </head> <body> <div id="div-raum"> <div id="div-cont-links"> </div> <div id="div-cont-rechts"> </div> <div id="div-cont-mitte"> </div> </div> </body> </html>
-
Добро пожаловать! На нашем ресурсе собрана самая актуальная информация по теме заработок в сети, сайт постоянно пополняется новыми полезными статьями. тот кому надо скопирует спокойно, а вот впечатление останется не очень хорошим, лучше убери
-
это что интересно за свойство: margin-left:207 ?
-
да все у него нормально работает, через firebug смотрел сейчас, пусть пути к картинкам поменяет, только и всего
-
все нормально работает, просто у тебя адреса картинок в файле css неправильно прописаны если файл стилей лежит в корне сайта, то адреса правильные, а если в папке css то надо писать: background:url(../images/img.jpg);
