Текст сидит рядом с боковой панелью

Я пытаюсь сделать некоторую информацию сидеть рядом с боковой панелью, которую я создал с помощью Div.Текст сидит рядом с боковой панелью

Я попытался плавать текст слева, но это не сработало.

Вот что у меня есть Click here

И это то, что я хочу Click here

Я покажу вам мою страницу и таблицу стилей я использую так же: D

Страница: FitnessHub

<div class="SidePanel"> 
     Text  
    </div> 

    <div class="WelcomeText">  

    </div> 

<?php 
$db = new mysqli("127.0.0.1", "root", "root", "fitnessbooking"); 
$query= $db->query("select Username from users where Username = '$_POST[username]' and Pass = '$_POST[password]'"); 

if ($query->num_rows ==1){ 
echo ""; 
} 
else { 
header("Location: http://localhost/pages/login.php?fail=1"); 

    exit; 
} 
?> 





</body> 
</html>

Style Sheet:

.SidePanel { 
    background-color: white; 
    width: 250px; 
    height: 100%; 
} 

.WelcomeText { 
    Float left; 
}

источник

2016-07-14 Jamie Blacknell

У вас не хватает: в вашем стиле,

.WelcomeText { 
    Float: left; 
}

источник

2016-07-14 20:03:08

Во-первых, иметь в виду, что вы код чувствителен к атакам SQL-инъекции. Вы должны использовать параметризованные запросы или, по крайней мере, избегать их.

http://php.net/manual/en/security.database.sql-injection.php

Во-вторых, поплавок оба элемента слева:

.SidePanel { float: left; } 
.WelcomeText { float: left; }

источник

2016-07-14 20:03:21

Спасибо, я не очень профессионал на всех этих сайтах, я использую только localhost, так как это просто проект компьютерной науки. Будет ли это? –

Если он не является публичным, тогда нет никакого вреда, который может произойти из-за него, но это важно, когда вы учитесь привыкать всегда поступать правильно. Особенно что-то вроде этого, потому что ты действительно не хочешь испортить это в реальном мире. Кроме того, ваш профессор может заметить и снять очки или хотя бы что-то сказать об этом. –

Хорошо, спасибо, что сообщили мне! –

Вы можете удалить поплавок: левый и добавить дисплей: встроенный блок; как на боковых, так и на приветственных текстах.

Свойство отображения по умолчанию для div - это блок, что означает, что он будет принудительно расположен под боковым элементом sidePanel.

Таким образом, быстрый способ использовать свойство inline-block.

.SidePanel { 
    background-color: white; 
    width: 250px; 
    height: 100%; 
    display: inline-block; 
} 

.WelcomeText { 
    display: inline-block; 
}

Здесь большое объяснение того, почему встроенный блок теперь предпочтительнее плавать: https://stackoverflow.com/a/15177860/5995092

«Огромное преимущество дисплея: встроенный блок является то, что, когда другие разработчики сохраняют свой код, в более поздняя точка, гораздо более очевидна, что отображение: inline-block и text-align: right пытается выполнить, чем float: left или float: right statement. " - Alex W.

источник

2016-07-14 20:20:22 theAussieGuy

Текст сидит рядом с боковой панелью

ответ

Смежные вопросы