Mr.Black
-
Posts
331 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Mr.Black
-
НЕАКТУАЛЬНО,сам несколько раз перечитал мануали по position и разобрался! Serlutin,спасибо что помог!
-
Делал верску ,в всех браузерах нормально показивает (скрин) но в IE плохо (скрин) Там 2 ошибки ,тоисть профиль наежает на лого и перекривает и контейнер держитса профиля(на скрине видно ,так как профиль дал в бордер так же как и контейнер) Как можно решить проблеми,кто подскажеш??? Демо сайта : http://fefeq.ucoz.ru/ Спасибо
-
&nbsр; постав где нужно
-
Спасибо
-
Вроде так, но нужно чтоб оно после нажатия открилось и где код посмотреть???
-
Понятно,но как зделать чтоб он откривался!
-
Подскажите, как можна зделать вот такое меню ???http://s60.radikal.ru/i167/1010/ab/2a7c252371d0.png Может есть примери????Что изпользовать и тд.
-
Спасибо,очень помогло
-
Как убрать пунктирную обводку input'ов в firefox?
Mr.Black replied to Nigelist's question in HTML Coding
ul { list-style:none; } img { border:0px; } a { text-decoration:none; color:#000; outline:none; } a:hover { text-decoration:underline; } Постав в Css ,мне помогло! -
Упс,не здесь написал
-
Подскажите в чем разница на примере ,position: relative; и position:absolute;
-
Удалил ,безизменений
-
Загрузил на Ucoz http://fefeq.ucoz.ru/ Тепер в хроме все нормально а в Опере и мозиле(не говорю уже про IE)второй блок сежает в право,в чем может быть проблема???
-
Извини ,но немогу так как делаю у себя на компе чистим ХТМЛ и КСС
-
Я добавил но нечего неизменилось
-
Спасибо помогло осталась только 1 проблема Третий контейнер почемута зависит от висоти второго как исправить???? http://s004.radikal.ru/i206/1010/2a/6f972623d28b.jpg <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Сайт</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Сайт Верстка/bg.png"); } #site { border: 0px #F00 solid; width:1000px; } #head { margin-top:50px; margin-left:5px; } #logo { fload:left; position: absolute; margin-left:100px; } #speedbar { border:0px #0F0 solid; margin-top:60px; margin-left:65px; margin-bottom:80px; position: absolute; } #spedbark { background: url("C:/Users/Admin/Desktop/Сайт Верстка/spedbark.png") no-repeat; position:absolute; width:171px; height:50px; text-decoration: none; } #spedbark:hover { background: url("C:/Users/Admin/Desktop/Сайт Верстка/spedbark_h.png") no-repeat; text-decoration: none; } #spedbark_text { width:171px; color:#000000; font-size:17px; text-shadow: black 0 0 3em; } #block { width:204px; } #left_bar { width:204px; border: 0px #F00 solid; float:left; margin-top:0px; margin-left:25px; margin-right:25px; } #right_bar { width:204px; border: 0px #F00 solid; float:right; margin-top:0px; margin-right:25px; } #conteiner { margin-top:130px; width:100%; } #menu { background: url("C:/Users/Admin/Desktop/Сайт Верстка/menu.png") no-repeat; width:202px; position:absolute; padding-top:7px; border:1px #FFF solid; } #menu_ser { background:#efefef; border:2px #FFF solid; padding-top:35px; padding-left:14px; padding-right:14px; padding-bottom:3px; font-size:12px; font-family:Tahoma, Geneva, sans-serif;; } .d1, .d2, .d3 { display: block; line-height: 1px; height: 1px; } .d2, .d3, .dialog-round div { border: 2px solid #FFF; /* Параметры рамки */ border-top: none; border-bottom: none; /* Убираем границу сверху и снизу */ font-family:Tahoma, Geneva, sans-serif; background:#efefef; font-size:12px; } .d1 { margin: 0 3px; background: #FFF; } .d2 { margin: 0 1px; border-width: 2px; background: #FFF; } .d3 { margin: 0 1px; height: 1px; } .dialog-round div { padding: 5px 10px; } #content { border: 0px #F00 solid; margin-left:250px; margin-right:250px; } </style> </head> <body> <center> <div id="site"> <div id="head" > <span id="logo"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/logo.png" style="margin-top:35px;" /> </span> <span style="margin-left:350px;" > <img src="C:/Users/Admin/Desktop/Сайт Верстка/Profil.png" /> </span> </div> <div id="speedbar" > <img src="C:/Users/Admin/Desktop/Сайт Верстка/speedbar.png" style="position:absolute;padding-top:1px;" /> <p><a href="#" id="spedbark" style="padding-top:15px;" align="center" ><span id="spedbark_text" >Главная страница</span></a></p> <p><a href="#" id="spedbark" style="margin-left:175px;padding-top:15px;" align="center"><span id="spedbark_text" >Каталох файлов</span></a></p> <p><a href="#" id="spedbark" style="margin-left:350px;padding-top:15px;" align="center" ><span id="spedbark_text" align="center" >Шаблоны для Ucoz</span></a></p> <p><a href="#" id="spedbark" style="margin-left:525px;padding-top:15px;" align="center" ><span id="spedbark_text" align="center" ><font color="red" >Ваша ссылка</font></span></a></p> <p><a href="#" id="spedbark" style="margin-left:700px;padding-top:15px;" align="center"" ><span id="spedbark_text" align="center" >Форум сайта</span></a></p> </div> <div id="conteiner"> <div id="left_bar"> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/menu_site.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> Верстка by Mr.Black </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/best_file.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/img_best.png" /> <center> Кол-скачиваний: [457]<br> Коментариев: [15] </center> </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> </div> <div id="content"> ЗДесь будет контент </div> <div id="right_bar"> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/menu_site.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> Верстка by Mr.Black </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/best_file.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/img_best.png" /> <center> Кол-скачиваний: [457]<br> Коментариев: [15] </center> </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> </div> </div> </div> </center> </body> </html>
-
шас попробую
-
Верстал свой первый макет ,но у меня появилось несколько ошибок №. 1 и 2 : http://s55.radikal.ru/i150/1010/47/0e953dcc9071.jpg №. 3 : http://i050.radikal.ru/1010/b5/ea3d27653ce6.jpg Кому не лень, подскажите как решить . <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Сайт</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Сайт Верстка/bg.png"); } #head { margin-top:50px; width:100%; margin-left:100px; } #profil { margin-left:125px; position: absolute; } #speedbar { height:34px; border:0px #0F0 solid; top:200px; left:60px; margin-bottom:80px; position: absolute; } #spedbark { background: url("C:/Users/Admin/Desktop/Сайт Верстка/spedbark.png") no-repeat; position:absolute; width:171px; height:50px; text-decoration: none; } #spedbark:hover { background: url("C:/Users/Admin/Desktop/Сайт Верстка/spedbark_h.png") no-repeat; text-decoration: none; } #spedbark_text { width:171px; color:#000000; font-size:17px; text-shadow: black 0 0 3em; } #block { width:204px; } #left_bar { width:204px; border: 0px #F00 solid; float:left; margin-top:0px; margin-left:25px; margin-right:25px; } #right_bar { width:204px; border: 0px #F00 solid; float:right; margin-top:0px; margin-left:25px; margin-right:25px; } #conteiner { margin-top:130px; width:100%; } #menu { background: url("C:/Users/Admin/Desktop/Сайт Верстка/menu.png") no-repeat; width:202px; position:absolute; padding-top:7px; border:1px #FFF solid; } #menu_ser { background:#efefef; border:2px #FFF solid; padding-top:35px; padding-left:14px; padding-right:14px; padding-bottom:3px; font-size:12px; font-family:Tahoma, Geneva, sans-serif;; } .d1, .d2, .d3 { display: block; line-height: 1px; height: 1px; } .d2, .d3, .dialog-round div { border: 2px solid #FFF; /* Параметры рамки */ border-top: none; border-bottom: none; /* Убираем границу сверху и снизу */ font-family:Tahoma, Geneva, sans-serif; background:#efefef; font-size:12px; } .d1 { margin: 0 3px; background: #FFF; } .d2 { margin: 0 1px; border-width: 2px; background: #FFF; } .d3 { margin: 0 1px; height: 1px; } .dialog-round div { padding: 5px 10px; } #content { width:500px; border: 1px #F00 solid; margin-left:250px; margin-right:250px; } </style> </head> <body> <div id="head" > <span id="logo"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/logo.png" style="margin-top:35px;" /> </span> <span id="profil" > <img src="C:/Users/Admin/Desktop/Сайт Верстка/Profil.png" /> </span> </div> <div id="speedbar"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/speedbar.png" style="position:absolute;padding-top:1px;" /> <p><a href="#" id="spedbark" style="padding-top:15px;" align="center" ><span id="spedbark_text" >Главная страница</span></a></p> <p><a href="#" id="spedbark" style="margin-left:175px;padding-top:15px;" align="center"><span id="spedbark_text" >Каталох файлов</span></a></p> <p><a href="#" id="spedbark" style="margin-left:350px;padding-top:15px;" align="center" ><span id="spedbark_text" align="center" >Шаблоны для Ucoz</span></a></p> <p><a href="#" id="spedbark" style="margin-left:525px;padding-top:15px;" align="center" ><span id="spedbark_text" align="center" ><font color="red" >Ваша ссылка</font></span></a></p> <p><a href="#" id="spedbark" style="margin-left:700px;padding-top:15px;" align="center"" ><span id="spedbark_text" align="center" >Форум сайта</span></a></p> </div> <div id="conteiner"> <div id="left_bar"> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/menu_site.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> Верстка by Mr.Black </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/best_file.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/img_best.png" /> <center> Кол-скачиваний: [457]<br> Коментариев: [15] </center> </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> </div> <div id="content"> kkuyuk </div> <div id="right_bar"> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/menu_site.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> Верстка by Mr.Black </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> <div id="block" style="margin-bottom:20px;" > <div id="menu" align="center" ><img src="C:/Users/Admin/Desktop/Сайт Верстка/best_file.png" /></div> <div class="dialog-round"> <span class="d1"></span><span class="d2"></span><span class="d3"></span> <div style="padding-top:35px;"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/img_best.png" /> <center> Кол-скачиваний: [457]<br> Коментариев: [15] </center> </div> <span class="d3"></span><span class="d2"></span><span class="d1"></span> </div> </div> </div> </html>
-
Разобрался,спасибо Посмотрите как код <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Сайт</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url(http://i022.radikal.ru/1010/a9/f8434adf069f.png); } #head { margin-top:100px; width:100%; position:absolute; margin-left:10%; } #logo { width:30%; margin-top:35px; position:absolute; } #profil { width:70%; margin-left:250px; position:absolute; } #speedbar { width:100%; height:34px; border:0px #0F0 solid; top:280px; left:60px; margin-bottom:80px; position: relative; } #spedbark { position:absolute; width:171px; margin-top:12px; color:#ffFfff; font-size:23px; } </style> </head> <body> <div id="head" > <span id="logo"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/logo.png" /> </span> <span id="profil" align="center" > <img src="C:/Users/Admin/Desktop/Сайт Верстка/Profil.png" /> </span> </div> <div id="speedbar"> <img src="C:/Users/Admin/Desktop/Сайт Верстка/speedbar.png" style="position:absolute;" /> <img src="C:/Users/Admin/Desktop/Сайт Верстка/spedbark.png" style="position:relative;" /><div id="spedbark" ><center>Главная</center></div> <img src="C:/Users/Admin/Desktop/Сайт Верстка/spedbark.png" style="position:relative;" /><div id="spedbark" ><center>Главная</center></div> <img src="C:/Users/Admin/Desktop/Сайт Верстка/spedbark.png" style="position:relative;" /><div id="spedbark" ><center>Главная</center></div> <img src="C:/Users/Admin/Desktop/Сайт Верстка/spedbark.png" style="position:relative;" /><div id="spedbark" ><center>Главная</center></div> <img src="C:/Users/Admin/Desktop/Сайт Верстка/spedbark.png" style="position:relative;" /><div id="spedbark" ><center>Главная</center></div> </div> </html> Как мне решить ети проблемки : http://s46.radikal.ru/i111/1010/b6/98318be92e48.jpg
-
А как подключить картинку с жесткого диска??? а не грузить на радикал??
-
У меня проблема ,вот посмотрите http://i048.radikal.ru/1010/41/9fe8d4fc85e2.jpg <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Сайт</title> <style type="text/css"> body { font: 0.8em Arial, Helvetica, sans-serif; background-image: url(http://s006.radikal.ru/i213/1010/00/67fd4a07027a.jpg); background-repeat: repeat; background-attachment: fixed; color: #ffe; } </style> </head> </html> И как зделать чтоб картинки незагружать на фото хостинг а открить с комютера
-
Работал на DLE и Ucoz
-
Спасибо ,сейчас попробую и отпишусь
-
Подскажите мне я уже 3 месяца учусь HTML и Css ,хочу попробовать сверстать макет ,как мне посмотреть результат если просто верстать чистый Html и css без движка и чтоб инет не был нужен???????
-
И что случится???