Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Problem z input i css
todziu
post 2.02.2021, 13:14:23
Post #1





Grupa: Zarejestrowani
Postów: 65
Pomógł: 0
Dołączył: 16.08.2006

Ostrzeżenie: (0%)
-----


Witam - mam problem z css w INPUT - piszę bazę danych (PHP i MySQL) żeby zaoszczędzić trochę czasu :-) pobrałem darmowy szablon HTML + CSS - problem mam z wyświetlaniem wartości pobranej z bazy w INPUT

Poniżej przykład:


Na biało wartości pobrane z bazy MySQL jeżeli usunę dane pod spodem na szaro są poprzednio wpisane dane do bazy ohno-smiley.gif

część kody html
  1. <div class=\"wrapper\">
  2. <form name=\"form1\" method=\"post\" action=\"dodaj_zapis.php\">
  3.  
  4. <TABLE BORDER=\"1\" frame=\"void\" rules=\"none\">
  5.  
  6. <TR><TD style=\"vertical-align: top;\" frame=\"box\"><label for=\"sklep\"><font color=\"#CCCCCC\">SKLEP</font><HR></label><br /><br /><br />
  7. <label for=\"got\">Gotówka :</label><input size=\"10\" name=\"gotowka\" id=\"got\" type=\"text\" value=$gotowka ><br />



tutaj css
@import url('https://fonts.googleapis.com/css?family=Roboto');

*{
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
font-family: 'Roboto', sans-serif;
}

body{
background: url('../images/bg.jpg') no-repeat top center;
background-size: cover;
height: 100vh;
}

.wrapper{
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 850px;
background: rgba(0,0,0,0.6);
padding: 30px;
border-radius: 5px;

}




.wrapper .title h1{
color: #c5ecfd;
text-align: center;
margin-bottom: 25px;
}

.contact-form{
display: flex;
}

.input-fields{
display: flex;
flex-direction: column;
margin-right: 4%;
}

.input-fields,
.msg{
width: 48%;
}

.input-fields .input,
.msg textarea{
margin: 10px 0;
background: transparent;
border: 0px;
border-bottom: 2px solid #c5ecfd;
padding: 10px;
color: #c5ecfd;
width: 100%;
}

.msg textarea{
height: 212px;
}

::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #c5ecfd;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #c5ecfd;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #c5ecfd;
}

.btn {
background: #39b7dd;
text-align: center;
padding: 15px;
border-radius: 5px;
color: #fff;
cursor: pointer;
text-transform: uppercase;
}

@media screen and (max-width: 600px){
.contact-form{
flex-direction: column;
}
.msg textarea{
height: 80px;
}
.input-fields,
.msg{
width: 100%;
}
}

label {
width:160px;
float:left;
font-size:12px;
line-height:24px;
font-weight:bold;
color:#FFFFFF;
}
input {
width: auto;
margin-bottom:5px;
line-height:18px;
padding:2px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #CCC;
background: transparent;
color:#FFFFFF;
font-weight:bold;
font-size: 18px;
}


dzieki za pomoc
Go to the top of the page
+Quote Post
nospor
post 2.02.2021, 13:24:06
Post #2





Grupa: Moderatorzy
Postów: 36 455
Pomógł: 6292
Dołączył: 27.12.2004




Czy mozesz opisac problem jeszcze raz? Tym razem uzywajac przecinkow, kropek itp? Oraz moze nie uzywac uproszczenia? Bo nie wiem jak inni, ale ja ni w zab nic nie kumam z tego co napisales


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
LowiczakPL
post 12.02.2021, 18:13:07
Post #3





Grupa: Zarejestrowani
Postów: 531
Pomógł: 55
Dołączył: 3.01.2016
Skąd: Łowicz

Ostrzeżenie: (0%)
-----


może problem jest z cudzysłowami w inputach

masz:

  1. value=$gotowka


a powinno być

  1. value=\"$gotowka\"


musisz zwracać uwagę aby wartości były w cudzysłowach


--------------------
Szukam zleceń Symfony, Laravel, Back-End, Front-End, PHP, MySQL ...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.04.2024 - 04:58