GumaNoiD
Newbie-
Posts
9 -
Joined
-
Last visited
GumaNoiD's Achievements
Explorer (1/14)
0
Reputation
-
Ну кнопка это что то типа "<input type="button" class="button" value="Button" />" насколько я понимаю а баннер - таже кнопка но в графическом оформлении
-
хух Ну ИЕ на то он и ИЕ... Тут метод тыка...Десятки раз залития одних и тех же файлов на хостинг и не более
-
перезалей картинки
-
Нужно сделать баннер а не саму кнопку(не правильно выразился - сори) и диз резиновый и думаю что маргин и паддинг не подойдёт
-
Есть футер например такой его код такой <!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"> <!-- #footer { height: 50px; width: 750px; margin:0 auto; background:url(footer.gif) } --> </style> </head> <body> <div id="footer"></div> </body> </html> А вот как теперь сделать кликабельную кнопку например 88*31!(горизонтально я могу сделать float а во как сделать по-середине вертикально...)
-
Как один div выровнять по центру правого края другого?
GumaNoiD replied to Destrifer's question in HTML Coding
magrin: 0 auto; ? -
дык знал бы я что от меня требуется =))
-
.стиль7 >> это всё ок просто скопировал из блокнота,щас поправлю Доктайп какой? html и css поправил кое что - теперь только левый блок надо поправить чтоб в ИЕ всё ок было
-
сабж Вот index.html <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <p class="logoup"></p> <p class="textmain"></p> <p class="logodown"></p> </div> <div id="bar"> <p class="logo"></p> <p class="logo2"></p> <ul class="menu"> <p class="style6">Menu</p> <p class="text2"><a href="#">menu</a></p> <p class="text2"><a href="#">menu</a></p> <p class="text2"><a href="#">menu</a></p> <p class="text2"><a href="#">menu</a></p> <p class="text2"><a href="#">menu</a></p> </ul> <p class="text2">_________________</p> <ul class="menu"> <p class="style6">Друзья</p> <p class="text2"><a href="#">друх</a></p> <p class="text2"><a href="#">друх</a></p> <p class="text2"><a href="#">друх</a></p> <p class="text2"><a href="#">друх</a></p> <p class="text2"> </p> </ul> <p class="logo3"></p> <p class="logo4"></p> </div> </body> </html> А вот css .logoup { width:486px; height:92px; background-image: url(leftheader.gif); background-position: left; valign:top; margin: 0px auto; background-repeat: no-repeat; } .textmain { width:486px; height:472px; background-image: url(mainBG.gif); background-position: left top; background-repeat: no-repeat; valign:top; margin: 0px; } .logodown { width:486px; height:72px; background-image: url(left_footer.gif); background-position: left; valign:top; margin: 0px; } .logo { width:124px; height:93px; background-image: url(right_header.gif); background-repeat: no-repeat; valign:top; margin: 0px; } .logo2 { width:124px; height:72px; background-image: url(rightheader2.gif); background-position: left top; background-repeat: no-repeat; valign:top; margin: 0px; } .logo3 { width:124px; height:102px; background-image: url(left_foot.gif); background-repeat: no-repeat; background-position: left top; margin-top: 24px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-bottom: 0px; top: 23px; bottom: 0px; clip: rect(25px,auto,0px,auto); } .logo4 { width:124px; height:72px; background-image: url(left_footer-17.gif); background-position: left top; background-repeat: no-repeat; valign:top; margin: 0px; } body,td,th { color: #FFFFFF; } a:link { color: #9db72c; text-decoration: none; } .text { font-family: Tahoma; font-size: 12px; color: #FFFFFF; padding-top: 10px; padding-right: 65px; padding-bottom: 10px; padding-left: 10px; background-image: url(mainBG.gif); background-repeat: no-repeat; } .text2 { font-family: Tahoma; font-size: 12px; color: #9db72c; line-height: 5px; } .text2:hover { color:#809138; text-decoration: underline; } a:visited { color: #9db72c; text-decoration: none; } a:hover { color: #9db72c; text-decoration: none; } a:active { color: #9db72c; text-decoration: none; } #bar { width: 125px; background-image: url(bg.gif); position: absolute; top: 8px; left: 69%; } #main { width: 486px; margin-left:25%; left: 25%; top: 0px; bottom: 0px; } .bar { width: 125px; background-image: url(bg.gif); margin: 0 auto; position: absolute; top: -100px; left: 25%; } body { background-color: #424242; } .style1 { color: #76833d } .style6 { font-family: Tahoma; font-size: 12px; color: #9db72c; line-height: 25px; font-weight: bold; margin: 0px; padding: 0px; } .style7 { color: #9db72c; font-family: Tahome; font-size: 12px; line-height: 5px; } a { font-size: 12px; color: #9db72c; } .menu li { color: #FFFFFF; font-family: Tahoma; background-color: #4e4e4e; width:124px; height:139px; font-size: 12px; padding: 0px; valign:center; margin: 0px; } .main { width: 486px; margin: 0 auto; } При откртии этой страницы в разных браузерах можно увидеть кривоту =) Как исправить,кто подскажет?