Hi I have a PHP bug on my website and I don't know how to fix it:
This is the Link to it:
http://www.demodecide.com/StimmeAbgeben.php[
^]
The bug is on the mobile Version of the Site so you have to minimize your browser-window by its width or use a Smartphone , to see it! The width of the browser should be 480px or smaller. @media only screen and (max-width:480px)
The mistake is inside a div with the id="informationUnterbox":
There you will see another div, with blue background-color:#008ACF; but the div is behind and in front of another div(s) where you can read "Sergio_Wagenleitner" and "= 0 Stimmen"
When you scroll down you will see 2 more divs with the text"Vorschläge unterstützen" and "Zurück zur Startseite" inside, with the same blue background-color.
The first, bigger div in blue should look like these others and should be under the div "0 Stimmen"
I hope you can help me and if you have more questions about it please notify me!
Best regards,
Sergio Wagenleitner
These are the relevant php html and css files:
StimmeAbgeben.php
----------------------------------------------------------------
Hi I have a PHP bug on my website and I don't know how to fix it:
This is the Link to it:
http://www.demodecide.com/StimmeAbgeben.php[
^]
The bug is on the mobile Version of the Site so you have to minimize your browser-window by its width or use a Smartphone , to see it! The width of the browser should be 480px or smaller. @media only screen and (max-width:480px)
The mistake is inside a div with the id="informationUnterbox":
There you will see another div, with blue background-color:#008ACF; but the div is behind and in front of another div(s) where you can read "Sergio_Wagenleitner" and "= 0 Stimmen"
When you scroll down you will see 2 more divs with the text"Vorschläge unterstützen" and "Zurück zur Startseite" inside, with the same blue background-color.
The first, bigger div in blue should look like these others and should be under the div "0 Stimmen"
I hope you can help me and if you have more questions about it please notify me!
Best regards,
Sergio Wagenleitner
These are the relevant php html and css files:
StimmeAbgeben.php
--------------------------
include_once 'includes/db_connect.php';
include_once 'includes/functions.php';
include_once 'orderBestProposals.php';
sec_session_start();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="Gesetze realisieren mit Ihrer Hilfe! Geben Sie Ihre Stimme ab und helfen Sie anderen Publishern, zum Ziel zu gelangen"name="description"/>
<link href="style.css"rel="stylesheet"/>
<link href="tutorial-style.css"rel="stylesheet"/>
<meta name="viewport" content="user-scalable-no, width=device-width">
<title>Stimme abgeben - demodecide.com</title>
<style>
@media only screen and (min-width:786px){
}
</style>
</head>
<body>
Demodecide
B-VG Abs. 1: Österreich ist eine demokratische Republik. Ihr Recht geht vom Volk aus.
<form action="searchContent.php"method="get"name="searchFormular">
<input maxlength="100"name="search"id="searchBar"type="text"placeholder="Benutzer, Idee, ...">
suchen
</form>
Die 30 populärsten Vorschläge
orderByPopularityAndPrintProposals();
?>
Eigene Wahl starten
Vorschläge unterstützen
Zurück zur Startseite
Impressum
Kontakt
Über Demodecide
Zukunftspläne
FAQ
Newsletter
Facebook
Twitter
Youtube
Instagram
Hallo, !
Zum Account
Logout
Login
Registrieren
</body>
</html>
orderBestProposals.php
----------------------------------------
function orderByPopularityAndPrintProposals()
{
$proposalLink = mysql_connect("db578953899.db.1and1.com", "dbo578953899","Sergio98#") or die ("Verbindung nicht möglich");
mysql_select_db("db578953899");
$abfrage = "SELECT name, publisher, dateOfCreation, helpers FROM proposals ORDER BY helpers DESC";
$ergebnis = mysql_query($abfrage)
OR die("Error: $abfrage ".mysql_error());
$menge = mysql_num_rows($ergebnis);
echo "$menge Vorschläge gefunden";
$maximumNumberOfDisplayedProposals = 30;
$actualProposalNumber = 1;
while($actualProposalNumber<=$maximumNumberOfDisplayedProposals && $row = mysql_fetch_object($ergebnis))
{
$actualProposalNumber++;
echo "
height: 200px;
border: #cbcbcb 1px solid;
margin:19px;
padding: 20px;
font-family:sans-serif;
line-height: 23px;
color: #828587;
float:left;
\">
name-proposal.php\"style=\"text-decoration: none;
color: #008acf;font-size:34px;font-weight:bold;line-height:30px;\">
$row->name
publisher-account.php\">$row->publisher
Erstellungsdatum: $row->dateOfCreation
margin-left:-20px;
color: white;
text-align:center;
background-color: #363636;
font-size:34px;
font-weight:bold;
display:block;
width: 330px;;
height: 55px;
border-top: #cbcbcb 1px solid;
padding: 10px;
line-height: 55px;\">
$row->helpers Stimmen
";
}
mysql_close($proposalLink);
}
?>
tutorial-style.css
------------------------------------------
#informationUnterbox h1
{
text-align:center;
color:#2d83b1
}
#informationUnterbox h2
{
text-align:center;
color:#95C11F;
}
@media only screen and (min-width:786px){
#informationBox
{
margin-right:auto;
margin-left:auto;
margin-top:20px;
background-color: white;
border-radius: 20px;
height: 90%;
width:870px;
padding-top:30px;
padding-bottom:20px;
}
#informationUnterbox
{
margin-left:auto;
margin-right: auto;
color:dimgrey;
font-family: sans-serif;
text-overflow: clip;
line-height: 20px;
text-align: left;
}
.group:after {
content: "";
display: table;
clear: both;
}
#backButton
{
position:absolute;
top: 160px;
margin: 10px 0 20px 25px;
width: 230px;
height: 40px;
border-radius: 3px;
border-left: 4px solid #094d9b;
border-right: 4px solid #094d9b;
background: linear-gradient(to bottom, #95BC42, #729C18) repeat scroll 0% 0% transparent;
float: left;
}
#backButton a
{
display: block;
width: 100%;
height: 100%;
line-height: 40px;
color: #FFF;
text-decoration:none;
text-align:center;
}
#backButton a:hover
{
background: linear-gradient(to bottom, #72912e, #587619) repeat scroll 0% 0% transparent;
}
}
@media only screen and (max-width:480px)
{
#informationUnterbox h1
{
font-size:30px;
border-top: 1px solid #D9D9DE;
padding: 0 1.5%;
}
#informationUnterbox h2
{
border-top: 1px solid #D9D9DE;
padding: 0 1.5%;
}
#informationUnterbox
{
font-size: 17px;
color:dimgrey;
font-family: sans-serif;
}
#informationUnterbox p
{
display:block;
margin-left:5%;
margin-right:1.5%;
}
#informationUnterbox a
{
display:block;
margin-left:5%;
margin-right:1.5%;
}
#informationUnterbox ol
{
display:block;
margin-left:5%;
margin-right:1.5%;
}
#backButton a
{
display: block;
width: 70%;
padding:10px 20px;
background-color: #008ACF;
border-radius: 4px;
margin-right: auto;
margin-left: auto;
text-decoration: none;
color:white;
font-weight: bold;
text-align: center;
margin-bottom:20px;
}
}