Помогите пожалуйста с версткой !

kirillps · January 22, 2010

Делаю сайт в первый раз . Скачал шаблон, пытаюсь его изменить в Microsoft Office FrontPage 2003, так вроде все ясно, но не понимаю где поменять ссылку на которую ссылается кнопка (которая уже была в шаблоне), подскажиет плиз !!!!!!!!!!

Файл - http://rapidshare.com/files/339301216/site.rar.html

Edited January 22, 2010 by kirillps

rus · January 22, 2010

Делаю сайт в первый раз . Скачал шаблон, пытаюсь его изменить в Microsoft Office FrontPage 2003, так вроде все ясно, но не понимаю где поменять ссылку на которую ссылается кнопка (которая уже была в шаблоне), подскажиет плиз !!!!!!!!!!
Файл - http://rapidshare.com/files/339301216/site.rar.html

1) Сомневаюсь что кто-то будет качать. Заведите хостинг и дайте нормальную ссылку на сайт или что у вас там.

2) Кнопка не может ссылаться на ссылку - это тафталогия, кнопка - это и есть сама ссылка.

3) И вообще, дискуссию можно развести на три страницы пока мы не увидим ссылку на страничку с проблемой.

kirillps · January 22, 2010

</head>

<body>

<div id="company_name">НАТЯЖНЫЕ ПОТОЛКИ</div>

<div id="company_name_shaddow">НАТЯЖНЫЕ ПОТОЛКИ</div>

<tr>

<td class="menu-item"><a href="#">Главная</a></td>

<td class="menu-item"><a href="#">Галерея</a></td>

<td class="menu-item"><a href="#">Вопросы и ответы</a></td>

<td class="menu-item"><a href="#">Контакты</a></td>

</tr>

</table>

</div>

еще есть файл css

html,body {margin:0;padding:0;background:#000 url(../images/basebg.gif) top repeat-x;width:100%;height:100%; color:#FFF; font-family:Arial, Helvetica, sans-serif;}

* html #wrap{height: 100%;}

p,td { font-family:Arial, Helvetica, sans-serif; margin-top: 0px;}

a img{border:0;}

a{color: #B689E7;text-decoration: underline;}

a:hover{color: #7B2FD5; text-decoration: underline;}

a.hidden {text-decoration: none;color: #000000;cursor:default;}

form {margin:0;padding:0;}

ul {margin-left:20px;margin-top:0px;padding:1px;list-style-type: square;line-height: 16px;}

h1 {font-size: 16px;font-weight: bold;color: #fff;margin: 0px;text-align:center; margin:5px 0 10px 0; text-transform:uppercase;}

.bottom_addr {font-size: 11px;color: #FFFFFF;padding: 3px 0 12px 0; text-align:center;}

.bottom_addr a {text-decoration: none;}

.bottom_addr a:hover {text-decoration: underline;}

.bottom_menu {color: #fff;text-align: center;padding-top: 4px;padding-bottom: 2px; font-size:12px;}

.bottom_menu a {color: #fff;text-decoration: underline;}

.bottom_menu a:hover {color: #B689E7;text-decoration: underline;}

#menu {color: #FFFFFF;position:relative; margin-top:-78px;}

.menu-item{font-family:"trebuchet MS"; font-size:12px; color:#FFF; background:url(../images/mbg.gif) repeat-x; padding: 8px 30px 0 30px;font-weight: bold; vertical-align:top;}

#menu a{text-decoration: none;color: #FFFFFF;}

#menu a:hover {color: #FFFFFF;text-decoration: underline;}

.body_txt {color: #fff;text-align: justify;padding: 10px;vertical-align: top; font-size:12px; position:relative;}

.login_form {background-image: url(../images/login-form-bg.gif);background-repeat: repeat-x;height: 20px;width: 110px;border-width: 1px;border-style: solid;font-size: 11px;padding-top: 3px;padding-left: 1px;}

#wrap{position:relative; min-height:100%; margin:0 auto; width:100%;}

#page{width:700px;margin:0 auto;}

#footer{width:700px; background:url(../images/footerbg.jpg) no-repeat top; padding: 20px 0 0 0; height:92px;}

#company_name {font-size: 30px;color: #FFFFFF; position:absolute; width:700px; text-align:center; margin-top:32px; font-family:"trebuchet MS"; z-index:1;}

#company_name_shaddow {font-size: 30px;color: #000; position:absolute; width:700px; text-align:center; margin:34px 0 0 2px; font-family:"trebuchet MS"; z-index:0;}

#header{background:url(../images/img01.jpg) no-repeat top; height:471px;}

psywalker · January 22, 2010

ТС, на будущее.

Код вставляем в спец.теги для этого!!!

kirillps · January 22, 2010

Спасибо за полезные советы ! Очень "помогли"

Edited January 22, 2010 by kirillps

Great Rash · January 22, 2010

Скачайте плагин Firebug для браузера Mozilla Firefox. С помощью него можно посмотреть в каком месте кода расположен какой-либо элемент на странице (кнопка inspect element или анализировать элемент)

kirillps · January 22, 2010

Скачайте плагин Firebug для браузера Mozilla Firefox. С помощью него можно посмотреть в каком месте кода расположен какой-либо элемент на странице (кнопка inspect element или анализировать элемент)

Спасибо! Попробую

Edited January 22, 2010 by kirillps

aTei · January 23, 2010

Обычная ссылка:

<a href="#">Главная</a>

# - заглушка, вместо нее и нужно писать URL (например, http://example.com)

Ссылка в CSS:

.menu-item{font-family:"trebuchet MS"; font-size:12px; color:#FFF; background:url(../images/mbg.gif) repeat-x; padding: 8px 30px 0 30px;font-weight: bold; vertical-align:top;}

/images/mbg.gif - путь к изображению

.. - подъем на одну папку выше

В итоге: поднимаемся на одну папку выше, в ней папка images, в которой и лежит mbg.gif

Edited January 23, 2010 by aTei

Sign In

Помогите пожалуйста с версткой !

Question

kirillps

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

kirillps

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

kirillps

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

kirillps

Link to comment

Share on other sites

aTei

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information