|
Не могу разобраться с меню для сайтаОбсуждение темы Не могу разобраться с меню для сайта в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; В моём случае сайт-визитка служит площадкой для экспериментов. И со своими опытами далеко не ушёл. Нарисовал дизайн, сверстал сайт, порезал на футеры.пхп, хедеры.пхп... ... |
|
Опции темы |
23.09.2014, 09:49 | #1 |
|
В моём случае сайт-визитка служит площадкой для экспериментов. И со своими опытами далеко не ушёл. Нарисовал дизайн, сверстал сайт, порезал на футеры.пхп, хедеры.пхп... в indexe всё <?php include 'header.php';?>. разрезанный сайт собрал в шалон. но вот беда. как же мне сделать рабочее меню, чтобы переключались странички? так как сайт лёгкий, и в отсутствии надобности в каком-то либо движке наткнулся на такое решение. http://jsfiddle.net/gxy45/1386/ и оно меня устраивает. однако присобачить так и не смог
исходники https://www.dropbox.com/s/yy1d6tjku47oaq4/dd.zip?dl=0 сам сайт http://dinnerdesigner.hol.es/ вроде получилось схлопнуть все блоки, но по нажатию на меню ничего не меняется... =\ помогите пожалуйста |
|
23.09.2014, 10:29 | #2 |
|
на самом деле все очень просто сделать на php
в ссылках пишешь что то типа <a href="?page=name"> в index.php пишешь $name=$_GET["page"]; if (isset($name)) { include "$name"; } else { include "main"; } то есть в зависимости от значения переменной page в область контента вставляется тот или иной файл, если значение пустое (только загрузилась страница) то вставляется главная. Код не проверял, но врод должно работать я так первые сайты делал)) Последний раз редактировалось Hispanic; 23.09.2014 в 10:34.. |
|
23.09.2014, 11:55 | #3 |
|
Во, всё работает! Спасибо огромное. и следующий камешек )) . Футер прилипить к нижнему краю страницы нужно с помощью абсолютного позиционирования? (пробую, пока не выходит)
|
|
23.09.2014, 13:15 | #4 |
|
немного сложнее
http://csstemplater.com |
|
23.09.2014, 13:55 | #5 | |||
|
На http://csstemplater.com сгенерил шаблон, подставил, поэксперементировал, всё равно не получается
вот мой css код Цитата:
Цитата:
Цитата:
|
|||
|
23.09.2014, 14:13 | #6 |
|
ну а на сгенерированном шаблоне получилось?
в общем там система такая wrapper=100% height и он выталкивает footer за экран, соответственно footer назначается отрицательный margin на высоту footer ну а wrapper padding на высоту футера, вот и все |
|
23.09.2014, 15:01 | #7 |
|
Всё.. я сам дурак))
position: absolute; bottom: 0; Спасибо за разъеснение и ценные советы! Правда не совсем то что нужно =( если текста боле чем сейчас, то футер ляжет поверх него Добавлено через 43 минуты http://dinnerdesigner.hol.es/?page=about.php всё ещё никак не могу справиться (( Добавлено через 3 минуты посмотрите пожалуйста https://www.dropbox.com/s/pfpnkh8xjw...ooter.zip?dl=0 Пробывал по схеме, всё никак не могу грамотно сделать http://jsfiddle.net/Alex83/qktyU/ Последний раз редактировалось Ishanuee; 23.09.2014 в 15:03.. Причина: Добавлено сообщение |
|
23.09.2014, 15:15 | #8 |
|
сгенерируй в html генераторе, и переверстай если не выйдет совсем, я если честно никогда не заморачивался, у тебя на сайте стоит position:absolute, мож в этом проблема, а так врод должно работать...
Добавлено через 2 минуты body, html { width: 100%; height: 100%; } .wrapper { width: 100%; min-height: 100%; padding-bottom:70px; } header { width: 100%; height: 70px; background: black; color: #fff; } footer { width: 100%; height: 50px; background: #000; color: #fff; margin-top: -50px; } ну у меня работает, единственное я дал padding-bottom:70px; Последний раз редактировалось Hispanic; 23.09.2014 в 15:15.. Причина: Добавлено сообщение |
|
24.09.2014, 10:57 | #9 |
|
ладно... пойду искать в чём дело
Добавлено через 19 часов 26 минут В общем решил отписать, может кому понадобится... дело было в position:absolute и не только. Совет: проверяйте синтаксис и наследуемые правила элементов Последний раз редактировалось Ishanuee; 24.09.2014 в 10:59.. Причина: Добавлено сообщение |
|
25.09.2014, 13:11 | #10 | ||
|
В продолжение к мучению данной веб страницы (http://dinnerdesigner.hol.es) рассмотрим элемент "меню". Как оно у меня устроено. есть див на 100% ширины экрана и в нём ещё один див с меню максимальной шириной 800 и минимальной 600. всё вродебы ок, но при приближении к 600 пикселям последний пункт меню прыгает вниз. =\ почему? помогите плз. вот вырезка из css стиля
snapshot_140925_130255.jpg Цитата:
Цитата:
|
||
|
Опции темы | |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Не могу разобраться с ссылками | Vikul4ik | Технологии Flash | 1 | 10.02.2013 09:38 |
Не могу разобраться... | Denis | HTML, CSS, JavaScript | 3 | 08.11.2011 08:46 |
Не могу разобраться в чем дело | RubiLLnick | HTML, CSS, JavaScript | 5 | 05.07.2011 09:27 |
не могу разобраться с document.getElementById() | Бронислав | HTML, CSS, JavaScript | 4 | 21.12.2006 09:29 |
Проблема, не могу разобраться | Алексей | ASP, Perl, PHP и MySQL | 7 | 18.07.2005 10:40 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|