|
Помогите с include php
|
|
| Solomid | Дата: Суббота, 18 Мая 2013, 20:34 | Сообщение # 1 |
был не раз
Сейчас нет на сайте
| Решил изучить php и столкнулся с проблемой которую не могу решить и найти в всеобщей паутине ответ (probably bad looking). Когда добавляю include на страницу сверху появляется странный промежуток как его убрать?
Код 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 rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="main"> <!-- Главный контейнер --> <?php include 'auth.php'; ?> <div class="mid"> </div> <div class="bot"> </div> </div> </body> </html>
Код php:
Код <body> <link rel="stylesheet" type="text/css" href="style.css" /> <div class="top"> <!-- Контейнер шапки сайта --> <div class="top-left"> <!-- Календарь --> <p>Будущий календарь</p> </div> <div class="top-logo"> <!-- Логотип сайта --> </div> <div class="top-right"> <!-- Авторизация --> <ul> <li><input type="text" name="FirstName" class="auth_input" /></li> <li><input type="password" name="Password" class="auth_input" /></li> <li><input type="submit" value="Вход" /></li> <li><a href="+">Забыли пароль?</a></li> <li><a href="+">Регистрация!</a></li> </ul> </div> </div> </body>
Изображение:
Сообщение отредактировал Solomid - Суббота, 18 Мая 2013, 22:58 |
|
|
| |
| falcoware | Дата: Суббота, 18 Мая 2013, 20:54 | Сообщение # 2 |
старожил
Сейчас нет на сайте
| Solomid, не красиво. 2 боди получается. Кривой код!
|
|
|
| |
| dima9595 | Дата: Суббота, 18 Мая 2013, 20:55 | Сообщение # 3 |
почти ветеран
Сейчас нет на сайте
| Solomid, скорей всего вы в css что-то не так сделали, так как это убирается одной строкой в css.
И зачем 2 раза подключать css?
|
|
|
| |
| Solomid | Дата: Суббота, 18 Мая 2013, 21:13 | Сообщение # 4 |
|
был не раз
Сейчас нет на сайте
| Цитата Solomid, не красиво. 2 боди получается. Кривой код!
Убрал лишний боди в auth.php проблеме не помогло.
Цитата Solomid, скорей всего вы в css что-то не так сделали, так как это убирается одной строкой в css.
И зачем 2 раза подключать css?
Убрал лишнее css подключение проблеме опять же не помогло. В css ошибки не может быть т.к я изночально я всё делел без auth.php и было все как надо, а логотип съехал после подключение includ.
Сообщение отредактировал Solomid - Суббота, 18 Мая 2013, 21:14 |
|
|
| |
| lvovand | Дата: Суббота, 18 Мая 2013, 21:40 | Сообщение # 5 |
|
старожил
Сейчас нет на сайте
| как задан в css класс top-logo ?
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| Solomid | Дата: Суббота, 18 Мая 2013, 22:01 | Сообщение # 6 |
|
был не раз
Сейчас нет на сайте
| Код
.top-logo
{
background-image: url(img/logo.png);
background-repeat: no-repeat;
width: 640px;
position: relative;
top: 0;
padding: 10px;
height: 150px;
margin: 0 auto;
}
|
|
|
| |
| Yashko3 | Дата: Суббота, 18 Мая 2013, 22:26 | Сообщение # 7 |
Господин Ведущий
Сейчас нет на сайте
| попробуй убрать padding: 10px;
старый профиль
php <3
|
|
|
| |
| Epsilon | Дата: Суббота, 18 Мая 2013, 22:39 | Сообщение # 8 |
частый гость
Сейчас нет на сайте
| .top-logo {padding: 10px;}
Расшифровывается как "сделать странный промежуток" 
|
|
|
| |
| Solomid | Дата: Суббота, 18 Мая 2013, 22:53 | Сообщение # 9 |
|
был не раз
Сейчас нет на сайте
| Цитата попробуй убрать padding: 10px;
Цитата .top-logo {padding: 10px;}
Расшифровывается как "сделать странный промежуток"
padding здесь не причем т.к он делает промежуток между содержимым и воображаемым контейнером, а margin мог бы сделать такое чудо т.к он задает расстояние от края контейнера до родительского элемента.
Как я уже писал дело не в css, а чем то другом т.к когда я отключаю includ все становиться на свои места.
Сообщение отредактировал Solomid - Суббота, 18 Мая 2013, 22:56 |
|
|
| |
| castielblack | Дата: Суббота, 18 Мая 2013, 22:53 | Сообщение # 10 |
|
почетный гость
Сейчас нет на сайте
| И картинку под спойлер запихните.
Знания : C#, Lua, C++, Unity, Dreemchest, DirectX 11
Выпущенные проекты : BuildAndRun, Match 3 Cubes
|
|
|
| |
| lvovand | Дата: Суббота, 18 Мая 2013, 23:02 | Сообщение # 11 |
|
старожил
Сейчас нет на сайте
| поставь отрицательный top
top: -20px;
ну или не 20, смотря сколько этот "странный промежуток"
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| Solomid | Дата: Суббота, 18 Мая 2013, 23:37 | Сообщение # 12 |
|
был не раз
Сейчас нет на сайте
| в этом случае top не помог, а помог margin, но при использовании margin не получиться резиновый сайт. В этом случае логотип статично закрепиться на одном месте. Спасибо конечно, но нужно другое решение проблемы.
|
|
|
| |
| lvovand | Дата: Суббота, 18 Мая 2013, 23:47 | Сообщение # 13 |
|
старожил
Сейчас нет на сайте
| решение проблемы - установи артистер и будет тебе готовый шаблон, нормально сверстанный, хоть резиновый, хоть заданной ширины
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| Solomid | Дата: Воскресенье, 19 Мая 2013, 08:54 | Сообщение # 14 |
|
был не раз
Сейчас нет на сайте
| lvovand, как вы думаете почему я не выложил css код? Да потому что проблема не в нем. А в подключении incud. Шаблон тут не причем. Когда я использую margin только G. Chrome отображает правильно. Так что таким способом
не получиться проблему решить.
|
|
|
| |
| aalla | Дата: Воскресенье, 19 Мая 2013, 09:41 | Сообщение # 15 |
постоянный участник
Сейчас нет на сайте
| Solomid, покажи полностью все файлы
|
|
|
| |
| Solomid | Дата: Воскресенье, 19 Мая 2013, 10:01 | Сообщение # 16 |
|
был не раз
Сейчас нет на сайте
| index.php
Код <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="main"> <!-- Главный контейнер --> <?php include 'auth.php'; ?> <div class="mid"> </div> <div class="bot"> </div> </div> </body> </html>
auth.php
Код <div class="top"> <!-- Контейнер шапки сайта --> <div class="top-left"> <!-- Календарь --> <p>Будущий календарь</p> </div> <div class="top-logo"> <!-- Логотип сайта --> </div> <div class="top-right"> <!-- Авторизация --> <ul> <li><input type="text" name="FirstName" class="auth_input" /></li> <li><input type="password" name="Password" class="auth_input" /></li> <li><input type="submit" value="Вход" /></li> <li><a href="+">Забыли пароль?</a></li> <li><a href="+">Регистрация!</a></li> </ul> </div> </div>
style.css
Код
@charset "utf-8";
/* CSS Document */
*
{
padding: 0;
margin: 0;
}
.main
{
}
.top
{
max-width: 1024px;
min-width: 800px;
margin: 0 auto;
background: #000000;
overflow: hidden;
padding: 0;
positing: relative;
margin: 0 auto;
}
.top-left
{
background: #F0F;
min-width: 80px;
width: 10%;
position: absolute;
top: 0;
left: 0;
padding: 10px;
height: 150px;
margin: 0;
z-index: 10;
}
.top-logo
{
background-image: url(img/logo.png);
background-repeat: no-repeat;
width: 640px;
position: relative;
top: 0;
padding: 10px;
height: 150px;
margin: 0 auto;
}
.top-right
{
background: #F0F;
min-width: 80px;
width: 10%;
position: absolute;
top: 0;
right: 0;
padding: 10px;
height: 150px;
margin: 0;
z-index: 10;
}
.top ul
{
}
.top ul li
{
display: table;
padding: 3px 0px;
}
.auth_input
{
width: 100%
}
Сообщение отредактировал Solomid - Воскресенье, 19 Мая 2013, 10:07 |
|
|
| |
| aalla | Дата: Воскресенье, 19 Мая 2013, 10:58 | Сообщение # 17 |
|
постоянный участник
Сейчас нет на сайте
| Solomid, у меня в хроме, и в мозиле нет промежутка.
23 строка в css positing: relative;
замени на position: relative;
и если ты уже определил для всех Код *
{
padding: 0;
margin: 0;
}
то в других классах padding:0, и margin:0 писать не обязательно
Сообщение отредактировал aalla - Воскресенье, 19 Мая 2013, 11:05 |
|
|
| |
| lvovand | Дата: Воскресенье, 19 Мая 2013, 11:03 | Сообщение # 18 |
|
старожил
Сейчас нет на сайте
| Цитата (Solomid) как вы думаете почему я не выложил css код? Да потому что проблема не в нем. А в подключении incud. Шаблон тут не причем
но-но, проблема то как раз с отображением шаблона,
если ошибка была бы инклюда, то тупо файл бы не подключался,
что-то напутано с позиционированием, открой сайт и в файрбаге посмотри элементы, прямо на странице можно пограться свойствами
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| Solomid | Дата: Воскресенье, 19 Мая 2013, 11:29 | Сообщение # 19 |
|
был не раз
Сейчас нет на сайте
| Ребята опять нечего не помогло из выше написанного. Как я уже писал проблема не в css т.к при отключении includ и переноса всех строк в index.php всё как надо становиться!
|
|
|
| |
| aalla | Дата: Воскресенье, 19 Мая 2013, 11:39 | Сообщение # 20 |
|
постоянный участник
Сейчас нет на сайте
| Solomid, ну у меня же нормально все) вот так выглядит у меня
а вообще не мучайся, и возьми framework например этот
Сообщение отредактировал aalla - Воскресенье, 19 Мая 2013, 11:42 |
|
|
| |
