ret
-
Posts
71 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ret
-
не с этим не получается Единственно что это margin но пришлось ставить по отступами на пикселях.
-
А можно ли приставить картинку в правую сторону? Background-position не получается. Есть ли горизонтальное выравнивание?
-
У меня есть ряд, в ряду 3 ячейки. Я блок вставляю с картинкой, т.е. ячейка размером 201х701 px, а блок (их два в ячейке,и в этом блоке картинка, т.е. блок это и есть картинка.) 201х268 px. А не проще ли просто ответить? Я же код дал, просто вставьте туда данное свойство, если не трудно конечно. все разобрался
-
Да вот только где? В самой ячейки, в диве? Вот код, покажите куда именно надо вставить. Menuobl и reklamaobl это и есть картинки. <td id="menuryad"><div id="menuobl"></div><div id="reklamaobl"></div><fgfg/td>
-
прочитал несколько раз, но так ничего и не понял( где именно писать в html коде?
-
где именно это прописывать?
-
Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство. <table border="1"> <tr id="shapka"> <td colspan="3">fgfdh</td> </tr> <tr id="osnova"> <td id="menuryad"><div id="menuobl"></div><div id="reklamaobl"></div></td> <td id="osnovaryad">aergergrg</td> <td id="statistikaryad">erger</td> </tr> </table> *{margin:0px;padding:0px;border:none;outline:none;} table {margin:0 auto 0 auto;width:1200px;height:1001px;border:1px solid #000;} tr#shapka {background:url(shapka.png) no-repeat;background-position:top center;width:1023px;height:557px;border:1px solid #000;} tr#osnova {width:1200px;height:701px;border:1px solid #000;} td#menuryad {width:201px;height:701px;border:1px solid #000;} #menuobl {width:201px;height:268px;background:url(menuobl.png) no-repeat;border:1px solid #000;} #reklamaobl {width:201px;height:268px;background:url(menuobl2.png) no-repeat;border:1px solid #000;}
-
(((
-
Ммм ничего не нашел, а что насчет 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> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="shapka"></div> <div id="menuobl"></div> <div id="bannerobl"></div> <div id="contentobl"></div> <div id="statistikaobl"></div> <div id="copyrightobl"><p class="copyright">ртртртрт</p></div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Начать</a></li> <li><a href="#"target="_blank">Форум</a></li> <li><a href="#">Бонус</a></li> <li><a href="#">Донат</a></li> </ul> </div> <div id="banner"> <a href="http://yandex.ru"><img class="yandex" src="06.png" /></a> <a href="http://vkontakte.ru"target="_blank"><img class="vkontakte" src="05.gif" /></a> </div> <div id="content">Текст</div> <div id="statistika"><p class="contentstatistiki">Статистика</p></div> </body> </html> Нет, там сайт т.е. шапка, внизу слева меню, потом новостной блок, потом еще такой же блок как на меню. ну и че Вы там мне кинули? По анг. ничего не понятно.
-
Короче у меня проблемы с шириной сайта. Значит когда задаю ширину 100% сайт плавает тогда, когда окно уменьшаешь (блоки смещаются), на монеторе выше 1280х1024 (1280х1024 у меня) тоже все плавает, тогда наконец поставил ширину (указал в пикселях).К тому же по указанной ширине в IE показывает "прокрутку мышкой" всмысле сдвигать сайт влево, вправо, а в Опере все норм, как так? 1.Как именно работает 100%, т.к. у меня высота в 100% стоит нормально. 2.Как правильно расчитывать ширину сайта, если верстаешь на div (про таблицы просьба не писать). Допустим у меня если расчитывать от шапки,то получается 1263px ширина, а если от блоков 1025px где-то. /* CSS Document */ *{margin:0px;padding:0px;border:none;outline:none;} html { height:100%; width:1263px; } body { background:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #fff; position:relative; } a {color:#fff;} a:hover {text-decoration:none} #shapka { background:url(shapka.png) no-repeat; width:1023px; height:557px; margin:0 0 0 120px; border:1px solid #000; } #menuobl { background:url(menuobl.png) no-repeat; width:201px; height:268px; position:absolute; top:535px; left:30px; } #bannerobl { background:url(menuobl.png) no-repeat; width:201px; height:268px; position:absolute; top:843px; left:30px; } #contentobl { background:url(contentobl.png) no-repeat; width:616px; height:707px; position:absolute; top:555px; left:320px; } #statistikaobl { background:url(menuobl.png) no-repeat; width:201px; height:268px; position:absolute; top:535px; left:1025px; } #copyrightobl { width:616px; height:100px; position:absolute; top:1300px; left:320px; border:1px solid #000; } #copyrightobl .copyright { color: #000; text-align: center; } #menu { width:201px; height:268px; font-size:15px; margin:5px 0 0 30px; position:absolute; line-height:35px; text-align:center; } #menu li { list-style-type: none; } #menu a { text-decoration:none; color:#fff; } #banner { width:201px; height:268px; position:absolute; top:843px; left:30px; text-align:center; } #banner .yandex { width:88px; height:31px; margin-top:40px; } #banner .vkontakte { width:137px; height:35px; margin-top:10px; } #content { width:556px; height:641px; position:absolute; margin:30px 0 0 350px; text-align:left; } #statistika { width:201px; height:268px; position:absolute; top:535px; left:1025px; } #statistika .contentstatistiki { text-align:center; width:141px; height:188px; margin:40px auto 0 auto; }
-
Т.е. пример 2 был правельным? А еще вопрос тогда насчет div, где-то слышал что между пустыми дивами надо ставить пробел, надо ли? Зачем он нужен? <div id="shapka"> </div>
-
Вот изучал вашу статью на сайте и у меня возникли вопросы. В разделе требуется закрывать все теги. Как именно закрывать одинарные например <br>, закрывать пример1 Я сегодня<br>выпил чаю</br> пример2 Я сегодня< /br>выпил чаю. Только ли одинарные теги должны завершаться слэшем?
-
можно поподробнее
-
В общем когда верстаешь на дивах допустим так <div id="shapka"><img src="1.png"></div> картинку (допустим шапку) можно как бы "перетаскивать", открывать в новом окне и сохранять у себя. Т.е. если весь сайт так построен можно его всего на комп поставить. И к тому же это не удобно, когда текст на картинке вставлен допустим ты пытаешься его скопировать или выделять, а вместо этого (бывает) что зацепляешь картинку. Можно ли как-нибудь сделать чтобы, картинку мышка "не замечала" как на таблицах через background вставляешь, и не зацепляет картинку, и не мешает, и сохранить не получится.
-
Все разобрался, проблема была в ширине всего меню, туда просто кнопки не помещались. Спасибо!
-
да вышло картинки отображаются и hover работает, но сделать горизонтально не получается
-
не хочет(
-
вставил в #menu a { display:inline-block; } и все заработало! Тогда у меня другой вопрос). Как тогда разположить меню горизонтальным? Пробовал и float. Ничего. Вот код, подскажите куда что поставить. <style type="text/css"> #menu { width:160px; height:100px; } #menu li{ list-style-type: none; } #menu a { display:inline-block; } #menu .knopka1 { width:80px; height:50px; background:url(img/1_1.png) no-repeat; border:1px solid; } #menu a.knopka1:hover { width:80px; height:50px; background:url(img/1_2.png) no-repeat; } #menu .knopka2 { width:80px; height:50px; background:url(img/2_1.png) no-repeat; border:1px solid; } #menu a.knopka2:hover { width:80px; height:50px; background:url(img/2_2.png) no-repeat; border:1px solid; } </style> </head> <body> <div id="menu"> <ul> <li><a class="knopka1" href="#"></a></li> <li><a class="knopka2" href="#"></a></li> </ul> </div>
-
Ничего не вижу ставь 2) если про #menu .knopka2 a:hover { то с этим разобрались, но все-равно не показывает
-
не работает( отображает картинку только когда я вставил ее в #menu. И так же работает когда вставил другую в hover #menu:hover Может я как-то неправельно ставлю классы?
-
да уже 100 раз проверил
-
м?