Jump to content

GumaNoiD

Newbie
  • Posts

    9
  • Joined

  • Last visited

GumaNoiD's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Ну кнопка это что то типа "<input type="button" class="button" value="Button" />" насколько я понимаю а баннер - таже кнопка но в графическом оформлении
  2. хух Ну ИЕ на то он и ИЕ... Тут метод тыка...Десятки раз залития одних и тех же файлов на хостинг и не более
  3. Нужно сделать баннер а не саму кнопку(не правильно выразился - сори) и диз резиновый и думаю что маргин и паддинг не подойдёт
  4. Есть футер например такой его код такой <!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 а во как сделать по-середине вертикально...)
  5. дык знал бы я что от меня требуется =))
  6. .стиль7 >> это всё ок просто скопировал из блокнота,щас поправлю Доктайп какой? html и css поправил кое что - теперь только левый блок надо поправить чтоб в ИЕ всё ок было
  7. сабж Вот 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; } При откртии этой страницы в разных браузерах можно увидеть кривоту =) Как исправить,кто подскажет?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy