Помогите с 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 |
|
| |