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

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

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

Древовидный режим

  1. 22.04.2015, 19:45 #1
    vasilyu87
    vasilyu87 вне форума
    Просто юзер
    Регистрация
    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)
« Предыдущая тема | Следующая тема »

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

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

Ваши права

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

Правила форума