-
Posts
2,170 -
Joined
-
Last visited
-
Days Won
33
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Softlink
-
Изменение картинки при наведении на нее курсора мыши
Softlink replied to Alteser's question in HTML Coding
к нужным ссылкам применить в обязательном порядке background-position, а потом навесить отдельно для каждой класс с бэграундом. -
ничего не понял, как должно быть
-
слипаться - это без проблем. ставьте ширину 70% и 30% к примеру. А с красным блоком я так и не понял. Сейчас верстка такая же как на картинке. Как он должен тогда быть подсунутым?
-
товарищ, ну это же элементарщина полнейшая. Не поленитесь посмотреть и почитать вот этот материал. Глядишь и вопросов больше таких не будет.
-
у меня вот так вроде бы все работает: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>пример</title> <style> .body{ margin:0; padding:0; } .main{ height:100%; width:80%; background-color:#ccc; margin:0 auto; } .header{ margin:0 auto; width:100%; } .left{ width:50%; border:1px solid #000; float:left; } .right{ width:30%; border:1px solid #000; float:right; } .text{ width:100%; min-height:100%; height:1000px; border:1px solid #000; clear:both; } </style> </head> <body> <div class="header"> <div class="left"> очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста очень много текста </div> <div class="right"> а здесь очень мало </div> </div> <div class="main"> <div class="text">какой-то текст</div> </div> </body> </html> нижний блок в любом же случае будет не резиновым в ширину, если он явно меньше верхних
-
Изменение картинки при наведении на нее курсора мыши
Softlink replied to Alteser's question in HTML Coding
ну так там же все и написано Используя псевднокласса hover, двигайте картинку background-position и все. -
почти уверен, что где-то вы забыли про padding или margin. И выровняйте див не align=center, а margin:0 auto.
-
заменить тег h2 на див и написать ему все те же стили, что и у тега h2
-
дык я ссылку дал, чтобы человек понял, что он не единственный, кто сталкивался с этой проблемой и подобных тем уже выше крыши. В каждой задача по своему, но решалась. Т.е. я к тому, что поискать-то всего лишь нужно. Глядишь и совсем тему создавать не пришлось бы
-
а вы уже все попробовали из этого раздела и все равно никак не получается?
-
все правильно. Все инпуты в форме были завернуты в дивы. А этот остался без него. Это я невнимательно перенес форму и оставил ненужную строчку. Т.е. он даже не отображался, это первый инпут. Значит вопрос решён? именно. Спасибо за умную мысль. Надо надо с формами еще поработать, а то плаваю в них.
-
все правильно. Все инпуты в форме были завернуты в дивы. А этот остался без него. Это я невнимательно перенес форму и оставил ненужную строчку. Т.е. он даже не отображался, это первый инпут.
-
1. Вместо этого: <input type="hidden" value="Имя" name="zagol_soob"> Нужно писать <input type="hidden" value="Имя" name="zagol_soob" /> 2,3) textarea требует атрибуты rows и cols со вторым разобрался. Спасибо) А в первой строчке дело точно не в слеше. Этот вариант я один из первых испробовал. Итого осталась одна ошибка)) upd: это вообще оказалось лишней строчкой. Но что в ней не так, я все же не понял.
-
ну подскажите пожалуйста еще кто-нибудь А то ветка набрала 60 просмотров почти, а вариантов больше нет. Я теперь думаю, то ли это настолько глупый вопрос, что отвечать даже не хочется, то ли решения нет. Или где прочитать что-нибудь про это можно? p.s. я с этими формами всегда воюю. Но вот так вот в первый раз получилось.
-
ага, это помогло с остальным осталось разобраться.
-
да не, верстка не xhtml. Там тогда еще кучу всего надо будет исправить(слешей надобавлять). Но при этом доктайпе как-то же можно поправить ситуацию?
-
Всем привет! Сделал несколько страниц, все хорошо, но как-только я вставил форму обратной связи, валидатор нашел 4 ошибки. Причем я не понимаю, как их исправить. Где-то в глубине головы мне что-то подсказывает, что это все из-за доктайпа. Но как это исправить, я не нашел решения. Вот ссылка на кричащий валидатор. Вот ссылка на страницу. Оно так-то все работает, но неприятно, когда не все гладко Поможете чем-нибудь?
-
Обновите страницу) Причем, если оформить в верхней части, то комментарии публикуются нормально, а если под записью, то как попало. очевидно же, что у вас проблема с футером. Ну или с размером страницы, как угодно будет. Разберитесь с высотой страницы.
-
в чем проблема-то была?
-
да так-то вроде, на словах, понятно, а вот увидеть бы это на странице psywalker говорил примерно об этом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>пример</title> <style> .body{ margin:0; padding:0; } .main{ height:100%; width:100%; } .left{ width:47%; border:1px solid #000; height:200px; float:left; margin:10px; } .right{ width:47%; border:1px solid #000; height:200px; float:left; margin:10px; } .ris{ width:200px; height:200px; border:1px solid #ccc; float:left; } </style> </head> <body> <div class="main"> <div class="left"> <div class="ris"></div> <div class="ris"></div> </div> <div class="right"> <div class="ris"></div> <div class="ris"></div> </div> </div> </body> </html> т.е. если задача просто отобразить два блока и чтобы они влезли, то такой вариант вполне подходит. Я сразу понял, что второй блок при уменьшении разрешения обязательно должен вниз свалиться.
-
ширину с высотой указывать надо. А если критично, то еще и добавлять overflow. А то какая-нибудь секретарша вместо картинки 300*300 вставит 400*150 и вся ваша верстка поплывет нафик.
-
ну а по левому краю выровнять не подойдет?
-
отчего-то мне кажется, что одним хтмл с ксс тут не сделаешь так. Получается, что надо после того, как блок съедет вниз, чтобы они встали в центр. Пока вижу два варианта. Это задавать блокам минимальную ширину, при котором один поедет вниз и оба будут в центре, но тогда надо чтобы оба с этой мин. шириной влазили в большом экране. А второй - это как-то растягивать дивы после того, как они разъедутся по строчкам. И тут наверное точно не сделать только на ксс. Или я может быть чего-то не догоняю
-
не до конца понял задачу. Съезжать-то они съезжают, теперь надо по центру выровнять их.
-
задайте ширину и маржины блокам-родителям больше той, при которой один опускается вниз. В идеале все само сработает.