Mr.Black
-
Posts
331 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Mr.Black
-
У меня есть ище один вопрос по фону..... Я задал фон при а:ховер все нормально вот только - http://img12.imageshack.us/img12/772/48692457.png Искал в коде где задан лишний паддинг или марган но нет. * { margin: 0; padding: 0;} img { border: 0; } a, img, div, input { outline: none; } ol, ul { list-style-position: inside; } a { color: black; text-decoration: underline; } a:hover { text-decoration: none; } html {background: #f4f4f4;} body { font: 12px Arial, Helvetica, sans-serif; color: black; margin: 15px 15px 25px; } #wrapper { background: #e5e5e5; width: 100%; min-width: 970px; border: 1px solid #434343; height: 1000px; } #headtop { background: #d8d8d8; padding: 5px 10px; border-bottom: 1px solid #434343; color: #242424; } #headmiddle { overflow: hidden; width: 100%; height: 234px; background: url('file:///C:/Users/Admin/Desktop/123/headrep.jpg') repeat-x; } #headimg { width: 97%; height: 234px; position: absolute; } #headright { background: url('file:///C:/Users/Admin/Desktop/123/headright.png') no-repeat; width: 257px; height: 234px; position: absolute; right: 15px; } #logo { display: block; margin: 30px auto; position: relative; width: 379px; height: 82px; } #loginform { position: relative; } #headbottom { border-top: 1px solid #434343; border-bottom: 1px solid #434343; height: 42px; } .speedbar { float: left; } .speedbar li { display: inline; } .speedbar a { border-right: 1px solid #434343; line-height: 40px; padding: 1px 20px; display: inline-block; text-decoration: none; } .speedbar a:hover { background: url('file:///C:/Users/Admin/Desktop/123/speedbar.png') repeat; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Free</title> <link type="text/css" rel="StyleSheet" href="file:///C:/Users/Admin/Desktop/123/style.css" /> </head> <body> <div id="wrapper" > <div id="headtop" >Четверг, 12.08.2010, 00:00</div> <div id="headmiddle" > <img src="file:///C:/Users/Admin/Desktop/123/head.jpg" alt="Head" id="headimg" /> <div id="headright" ></div> <a href="#" ><img src="file:///C:/Users/Admin/Desktop/123/logo.png" alt="Logo" title="Главная" id="logo" /></a> <div id="loginform" > 11111grjgowrjg </div> </div> <div id="headbottom" > <div class="speedbar" > <ul> <li><a href="#" >Главная</a></li> <li><a href="#" >Форум</a></li> <li><a href="#" >Файлы</a></li> <li><a href="#" >Статьи</a></li> <li><a href="#" ><font color="red" >Ваша ссылка</font></a></li> </ul> </div> <div class="searchform" ></div> </div> <div id="content" ></div> <div id="footer" ></div> </div> </body> </html>
-
Два способы неподходят ,но я их соединил.Задал бекграунд повторяющийся ,наложил имг 98% ил дал position: absolute; и все хорошо... Спасибо что помог
-
Как мне разместить текст в теге Img. У меня есть сайт резиновий ,шапку сделал в Имг ,но как мне зделать чтоб на шапку можно было наложить текст и тд. Пробовал Position: relative и absolute; но шаблон не полностю в странице а есть отступи ,что посоветуете зделать???
-
оверфлову всегда задавался диву с контейнерами ,иначе они вилазить будут на фотер и все работало но тепер нет...
-
Бил там Есть проблема с новостями и фотером в IE 6 - http://img205.imageshack.us/img205/8854/39742662.png У остальних браузеров так - http://img406.imageshack.us/img406/3953/19535626.png Можно решить clear:both; но хочу получить ответ почему неработает в ИЕ 6 оверфлов <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>site</title> <style type="text/css" > * { margin: 0px; padding: 0px;} img { border: 0; } a, img, div, input { outline: none; } ol, ul { list-style-position: inside; } body { width: 1100px; margin: 0 auto; font: 12px Arial, Helvetica, sans-serif; color: black; } #wrapper { border: 1px solid #272727; margin: 1px; padding: 1px; } .speedbar { background: url('file:///C:/Users/Admin/Desktop/new/speedbar_bg.jpg') repeat-x; border: 1px black solid; height: 21px; color: white; font-size: 10px; white-space: nowrap; } .speedbar li { display: inline; } #headimg { background: url('file:///C:/Users/Admin/Desktop/new/headimg.jpg') no-repeat; height: 160px; } #content { margin: 8px 4px 0; overflow: hidden; } #sideleft { float: left; width: 226px; } .block { margin-bottom: 20px; } .btop { background: url('file:///C:/Users/Admin/Desktop/new/btop_bg.jpg') repeat-x; border: 1px solid black; height:37px; } .bmiddle { background: #dfdfdf; border-left: 1px solid black; border-right: 1px solid black; } .bbottom { background: url('file:///C:/Users/Admin/Desktop/new/bbottom_bg.jpg') repeat-x; border: 1px solid black; height:19px; } #sidecenter { float: left; width: 600px; margin: 15px 16px 0; } .blockc { margin-bottom: 25px; } .ctop { background: #7e7f82; border: 1px solid black; height: 22px; text-align: center; } .cbottom { background: #86888a; border: 1px solid black; border-top: none; overflow: hidden; } .cbottom img { float: left; margin-right: 5px; outline: 1px solid black; } #sideright { float: right; width: 226px; } #footer { background: url('file:///C:/Users/Admin/Desktop/new/footer_bg.jpg') repeat-x; height: 83px; border: 1px solid black; border-top: none; } </style> </head> <body> <div id="wrapper" > <div class="speedbar" > <ul> <li><a href="/" >Меню</a></li> <li><a href="/" >Меню</a></li> <li><a href="/" >Меню</a></li> <li><a href="/" >Меню</a></li> <li><a href="/" >Меню</a></li> </ul> </div> <div id="headimg" ></div> <div class="speedbar" ></div> <div id="content" > <div id="sideleft" > <div class="block" > <div class="btop" ></div> <div class="bmiddle" >11111</div> <div class="bbottom" ></div> </div> <div class="block" > <div class="btop" ></div> <div class="bmiddle" >11111</div> <div class="bbottom" ></div> </div> </div> <div id="sidecenter" > <div class="blockc" > <div class="ctop" >1213434</div> <div class="cbottom" >436546</div> </div> </div> <div id="sideright" > <div class="block" > <div class="btop" ></div> <div class="bmiddle" >11111</div> <div class="bbottom" ></div> </div> <div class="block" > <div class="btop" ></div> <div class="bmiddle" >11111</div> <div class="bbottom" ></div> </div> </div> </div> <div style="clear: both;" > <div class="speedbar" ></div> <div id="footer" > </div> </div> </div> </body> </html>
-
Мне интересно поддерживает IE 6 overflow: hidden;???
-
Прочти - http://htmlbook.ru/samhtml/tekst/spetssimvoly Там почти все есть.
-
Нужно один бекграунд в хтмл дать а второй в боди??? У вас здесь ошибка или нет???
-
Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png
-
Большое спасибо за такой пост ...Буду исправлять в следуйщей верстке макета
-
Див там нужен,без него угли зауругление будут плохо отображатся...
-
Натягнул на движок - http://x-man.bissnes.net/
-
Спасибо....
-
Тоисть елементам которие есть в теге <p>
-
Никак немогу разбратся ,почти всегда тег Vertical-align у меня нерабтает - почему???
-
И что оно нам ???
-
У меня возникла проблема при натяжке кода на движок ДЛЕ При добавлении новости с картинкой должно отображатся так(при хтмл все было норм. так как изображение было више тега <h2>) http://img98.imageshack.us/img98/5323/15663534.png а есть так : http://x-man.bissnes.net/ <div class="news" > <h2 class="newsname" >[full-link]{title}[/full-link]</h2> <span class="newscategories" >Категория: {link-category} | Добавил: {author} [edit]Редактировать новость[/edit]</span> <p class="newsmiddle" >{short-story}</p> <span class="newsstat" >Просмотров: {views} | [com-link]Комментарии: ({comments-num})[/com-link]</span>[full-link]<span class="newsmore" ></span>[/full-link]</a> </div> .news {width: 530px;margin: 10px auto 25px;overflow: hidden;} .news img {float: left;margin: 0 10px 5px 0;border: 1px solid #b8b8b8;background: #f2f2f2;padding: 5px 6px;height: 108px;width: 94px;} .newsname {font-size: 12px;} .newsname a{color: #0081e4;} .newsname a:hover {text-decoration: underline;} .newscategories a{color: #0081e4;text-decoration: underline;} .newscategories a:hover {text-decoration: none;} .newsmiddle {font-size: 11px;margin: 4px 0 10px;font-weight: bold;} .newsstat {line-height: 25px;} .newsstat a{color: #0081e4;text-decoration: none;} .newsmore {background: url("../images/newsmore.png");width: 94px;height: 23px;float:right;}
-
Актуально
-
Возьму на заметку,спасибо за ответ....
-
Меня больше интересует как код написан ,хорошо зделано меню и тд.. Какая разница в форматах изображений ,качестов то же???или нет!
-
Здраствуйте форумчане. Нужно оценить верстку (валидность,кроусбраузерность ,код и тд.) Макет Html и Сss (закинуть на раб. стол в папку gam) Благодарю....
-
Нужно дизайнера спрашивать ,я только верстал....
-
На шаблоне в ксс и хтмл он ручками
-
Спасибо
-
Спасибо, а какая разница никак немогу понять....и хорошо так верстать макет????