Авто форматирование страницы под тел и ПК
X

Привет дорогой друг

Наш сайт существует и развиваетется за счет рекламы. Пожалуйста, отключите блокировку рекламы AdBlock или подобное, для нашего сайта. Спасибо!
Показано с 1 по 1 из 1

Комбинированный просмотр

  1. #1
    Просто юзер

    Регистрация
    20.01.2012
    Сообщений
    46
    Сказал(а) спасибо
    64
    Поблагодарили 6 раз(а) в 5 сообщениях

    Exclamation Авто форматирование страницы под тел и ПК

    Всем привет!
    Вручайте пож
    веб программирование не особо знаю (точнее не знаю :) )

    Вообщем написал страницу авторизации, будет использоваться для запуска на тел и ПК при подключении к WIfi
    Фоновая картинка + 4 кнопки для входа в странички

    black-face.jpg - должно быть на заднем плане по центру страницы
    4 кнопки - должны равняться по левой стороне black-face.jpg с отступом от верха 30%

    (и если не сложно еще текст по центру сверху равняясь по black-face.jpg)


    Вот что я написал, экспериментировал по разному но ничего не выходит ((( т.к знаний не хватает (( То кнопки съезжают то фон вниз бежит, а если на ПК все норм то на тел 2 кнопки проподают и левой части фона не видно (((

    Выручите пож как сделатьИИ
    очень нужно.


    Код 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=iso-8859-1" />
    <title>NET Access &gt; Login...</title>
    <style type="text/css">
    
      body { background: url(img/black-face.jpg) no-repeat;
      	background-color: #808082;  background-position: center;
        margin-top: 55%}
    
    .style1 {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	color: #000333;}
    
    </style></head>
    
    <body>
    <td width="7" height="0" rowspan="2" valign="top" background="img/black-face.jpg">&nbsp;</td>
    <table width="10%" height="50" border="0" align="left bottom"=10% cellpadding="0" cellspacing="0">
    
      <a href="$(link-login-only)?dst=https://www.google.ru/=T-$(mac-esc)"><img src="img/VK.png"></a>
      <a href="$(link-login-only)?dst=https://www.google.ru=T-$(mac-esc)"><img src="img/ok.png"></a>
      <a href="$(link-login-only)?dst=https://www.google.ru=T-$(mac-esc)"><img src="img/VK.png"></a>
      <a href="$(link-login-only)?dst=https://www.google.ru=T-$(mac-esc)"><img src="img/sit.png"></a>
    
      <tr>
        <td height="20" colspan="2"><span class="style11">Copyright &copy; 2015 Cipta Media Informatika. All right reserved. </span></td>
      </tr>
    </table>
    </body>
    </html>

    Заранее спасибо

  2. Пользователь сказал cпасибо:

    rexl (06.05.2015)

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •