php und css
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
angeben
button
code
datei
eigene aufgabe
einbinden
element
fehler
fertigen datei
formular
http
komplett erstellte datei
login
machen
melde
problem
regeln
sagen
team
url
-
Also ich habe das Problem , das ich per PHP ein Formular einbinde, ABER ich ich möchte natürlich das Formular "stylen" per CSS, was aber nicht richtig funktioniert den, wenn ich sage das ich beim input-Element die Höhe verändern will dann macht der das nicht richtig. Der submit-Button wird richtig in der Höhe verändert, aber die text und password Felder nicht, die sind viel zu groß.
Wenn ich das ganze in eine reine Html-Datei packe dann formatiert er dass alles richtig, aber ich brauch es in einer PHP-Datei.
Kann mir jmd helfen ?? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Dieser Code steht in einer Datei(sagen wir in b.php) und wird von meiner Hauptseite(sagen wir mal a.php) eingebunden. Aber es wird nicht richtig formatiert, wie halt schon erwähnt bloß der submit-Button wird richtig gestylet. Ich formatiere natürlich alles dann mit einer CSS-Datei, aber ich habe es mal direkt formatiert um es übersichtlicher zu gestalten.
<div id="logo"> <img src="/grafik/logo.png" alt="TAB Logo" /> </div> <div id="login"> <form action ="/intern/login.php" method="post"> <table> <tr> <td> <input name="username" size="20" type="text" value="" style="height: 20px; width: 200px;" /> </td> </tr> <tr> <td> <input name="password" size="20" type="password" value="" style="height: 20px; width: 200px;" /> </td> </tr> <tr> <td> <input name="submit" type="submit" value="Login" style="height: 20px; width: 200px;" /> </td> </tr> </table> </form> </div> -
Zeig am besten die komplett erstellte Datei (a.php), so wie der Browser diese "sieht" (Quelltext anzeigen) und den Code, wie du diese einbindest (php).
-
Der Quelltext(von a.php):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de"> <head> <title>Tactical Airsoft Berlin :: Startseite</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="generator" content="Geany 0.14" /> <link href="css/default_test.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="body"> <div id="body_inhalt"> <div id="head"> <div id="logo"> <img src="/grafik/logo.png" alt="TAB Logo" /> </div> <div id="login"> <form action ="/intern/login.php" method="post"> <table> <tr> <td> <input name="username" size="20" type="text" value="" style="height: 20px; width: 200px;" /> </td> </tr> <tr> <td> <input name="password" size="20" type="password" value="" style="height: 20px; width: 200px;" /> </td> </tr> <tr> <td> <input name="submit" type="submit" value="Login" style="height: 20px; width: 200px;" /> </td> </tr> </table> </form> </div> </div> <div id="menu"> <table> <tr> <td> <a href="/">Startseite</a> </td> </tr> <tr> <td> <a href="/team/">Team</a> </td> </tr> <tr> <td> <a href="/rules/">Regeln</a> </td> </tr> <tr> <td> <a href="/gally/">Gallerie</a> </td> </tr> <tr> <td> <a href="/sponsor/">Sponsoren</a> </td> </tr> </table> </div> <div id="inhalt"> <h1>Startseite</h1> <h2>Alles im Überblick</h2> <hr /> <div id="home"> <p>Wir sind ein Airsoft Team aus dem Süd-Osten Berlins. Wir haben uns Gegründet 08/2008 & sind ein eingespieltes Team. Wir sind ein Team das auch taktische Pläne für ein Gelände genaustens einstudiert. Wir sind 7 Leute in unserem Team und haben schon alle Erfahrung mit Airsoft. Jeder in unserem Team hat seine eigene Aufgabe. Welches Team Lust auf ein Spiel hat soll sich melden.</p> </div> </div> <div id="foot"> © 2008-2009 by Besoc </div> </div> </div> </body> </html>
Der PHP-Code zum einbinden der fertigen Datei( also b.php). Nochmal zu Info in der fertigen Datei(ist also b.php) habe ich Variablen gesetzt in welchen dann der einzusetztende Quelltext steht:
<?php include("b.php"); if(!session_is_registered('user') || $_SESSION['user'] == "") { echo $nolog; } else{ echo $login; } ?> -
Sieht eigentlich ganz gut aus, vlt. hast du ein Fehler in der CSS-Datei, diese bitte auch noch posten.
-
ich habe es ja extra direkt gestylet, weil ich unabhängig von der CSS-Datei formatieren wollte. Heißt: ich könnte die eingebundene CSS-Datei auch herausnehmen(aus a.php), aber trotzdem wird es nicht richtig gestylet.
-
Du hast in deiner a.php bereits: style="height: 20px; width: 200px; geschrieben.
Wenn du von css aus jetzt die höhe veröändern willst gibt das natürlich Probleme!
Also mach doch einfach dein style raus oder benutz nur das ;) -
ich habe herausgefunden woran es liegt: es lag an dem Doctype ich hab ihn heraus genommen und dann hat es funktioniert.
-
tactical-airsoft-berlin schrieb:
ich habe herausgefunden woran es liegt: es lag an dem Doctype ich hab ihn heraus genommen und dann hat es funktioniert.
Ähm.. und jetzt machst du diesen Schritt bitte rückgängig.
Ich tippe auch auf einen Fehler in der CSS-Datei.
Evt. hilft dir der Link hier weiter:
http://jigsaw.w3.org/css-validator/ -
Mal ganz davon abgesehen das man das Boxmodell beachten sollte.
Ein Inputfeld das als 20px Höhe gestylt wird, aber mit der Standardschriftgröße (12px+) versehen ist, wird immer größer sein. Dazu kommt noch das Padding und Border des Elements.
Den Doctype solltest du auf jeden Fall drin lassen. -
ich habe die CSS Datei validieren lassen und alles ist richtig.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
