[PROBLEM]Button

[Dunczyk]

Witam mam problem z buttonem a mianowicie tak:

Mam taki buttton przy logowaniu

i chce zeby był taki

Kongo dał mi coś takiego do style.css

 

input[type=submit] {

background-image: url('ścieżka do obrazka');

width: szerokość obrazka px;

height: wysokość obrazka px;

text-align: center;

}

 

a w szablon.php co mam dać jaki kod zeby był obrazek

JA DALEM TAKI ALE NIE DZIAŁA

<button type="submit">Treść przycisku</button>

 

ZA ODP +

[Gość]

a nie przypadkiem

<input type="submit" value="Zaloguj">

[bnmbb]

Duńczyk ,ale ty jesteś nieogar dziś chyba.

input[type=submit] {

background-image: url('Ś C I E Ż K A D O D R E W N A');

width: szerokość obrazka px;

height: wysokość obrazka px;

text-align: center;

border: 2px solid green;

text-align: center;

color: green;

}

<input type="submit" value="Zaloguj">

[Dunczyk]

Nie działa !

 

Logowanie.php

<?php
require_once('inc/system.php');
$h1 = "Zaloguj się do gry";
if(!empty($_POST)){
if(empty($_POST['login'])) $msg = "<p class='error'>Musisz podać login</p>";
elseif(empty($_POST['password'])) $msg = "<p class='error'>Musisz podać hasło</p>";
else {
 $login = tekst(strtolower($_POST['login']));
 $loginMD5 = md5($login);
 $pass = md5($_POST['password']);

 $dane = mysql_fetch_array(mysql_query("select * from users where loginMD5 ='".$loginMD5."'  and haslo = '".$pass."' limit 1"));
 if(empty($dane['user'])) $msg = "<p class='error'>Nieprawidłowe dane</p>";
 else {
  $_SESSION = array();
  session_destroy();
  session_start();
  $_SESSION['user'] = $dane['user'];
  header('location: konto.php');
 }


}
}
$gra ="
<form action='#' method='post'>
<table style='margin:0 auto' >
<tr>
 <td>login</td>
 <td><input type='text' name='login'/></td>
</tr>
<tr>
 <td>hasło</td>
 <td><input type='password' name='password'/></td>
</tr>

<tr>
 <td</td>
 <td><input type="submit" value="zaloguj"></td>
</tr>
</table>

</form>
";
require_once('inc/szablon.php');
?>

Style.css

body {
background:url('footer.jpg') no-repeat;
width:auto;
height:auto;
}
#input[type=submit] {
background-image: url('www/button.jpg');
width: 97 px;
height: 43 px;
text-align: center;
border: 2px solid green;
text-align: center;
color: green;
}
#page {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -157px;
}
#game {
width:830px;
margin:10px auto;
position:relative;
}
.menu {
float:left;
margin-left:10px;
text-align:center;
width:215px;
}
#dane {
margin-left:0px;
}
#menuHead {
background:url('menuHead.jpg') no-repeat;
width:215px;
height:48px;
}
#menuFoot {
background:url('menuFoot.jpg') no-repeat;
width:215px;
height:50px;
margin-bottom:10px;
}
#menuBody {
background:url('menuBody.jpg') repeat-y;
width:215px;
color:#fff;
text-align:center;
}
#menuBody table{
margin:0 auto;
width:120px;
}
#content {
margin-left:235px;
width:596px;
margin-bottom:50px;
color:#fff;
}
h1{
background:url('h1.jpg') repeat-y;
width:586px;
color:#FFFAF0;
height:27px;
padding:5px;
padding-top:8px;
text-align:center;
font-size:14px;
margin:0px;
}
#menuBody a  {
color:#fff;
text-decoration:none;
display:block;
}
#menuBody hr  {
margin:0 auto;
width:145px;
}

#gameHead {
background:url('gameHead.jpg') no-repeat;
height:24px;
}
#gameFoot {
background:url('gameFoot.jpg') no-repeat;
height:34px;
}
#gameBody {
background:url('gameBody.jpg') repeat-y;
color:#fff;
padding:20px;
}
#gameBody a{
color:#fff;
}
.clear{
clear:both;
}
.error {
display:block;
background:#CC3300;
color:#000;
font-weight:bold;
text-align:center;
padding:5px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
opacity:0.6;
filter:alpha(opacity=60);
}
.info {
display:block;
background:#3366FF;
color:#000;
font-weight:bold;
text-align:center;
padding:5px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
opacity:0.6;
filter:alpha(opacity=60);
}
.top{
vertical-align:top;
}
.bold {
font-weight:bold;
}

.center {
text-align:center;
}

[Sodema]

<input type="image" src="obrazek.png" onClick="this.form.submit()">

Jeżeli o to Ci chodzi...

Takie zastąpienie css'a.

[Dunczyk]

Nie działa Sodema

[Gość tolvat]

Z tego co widzę twój kod jest taki:

 

<input type="submit" value="zaloguj">

 

Jeśli to prawda, to zapomniałeś że wartość zmiennej rozpocząłeś cudzysłowiem.

A więc twoje echo kończy się wtedy kiedy masz

"submit"

 

Co oznacza że kod musi wyglądać:

 

<input type='submit' value='Zaloguj'>

[Dunczyk]

Ok jest nie ma juz bledu ale nie wyswietla sie obrazek tylko sam button;/

[bnmbb]

A czy podałeś P O P R A W N Ą ścieżkę do obrazka ?

[Gość]

scieżke podaj np. http://www.strona.pl/img/obrazke.png

jak długo się zajmujesz php/html tzn. kiedy przeczytałeś 1 tutorial albo kiedy zacząłeś edytować 1 silnik?

[Dunczyk]

z 4miechy.Scieszka jest dobra

[bartek93]

Zamień input[type=submit] na input.sumbit

background-image: url('www/button.jpg'); zmień na background-image: url('../button.jpg'); lub background-image: url('nazwastrony/www/button.jpg');

[Gość tolvat]

@UP

 

Jak zmieni na input.submit to nie będzie działało

To jest prosty CSS.

[bnmbb]

dokładnie. Bo wtedy byś przypisał css'a do inputa O KLASIE submit.

[bartek93]

To sorki za mój błąd, to niech sobie jeszcze classe dostawi