FormatierungsProblem

[Pali]

Hallo. Hab mich grade angemeldet,
weil ich ein Problem habe, mit CSS.
Ich habe im Moment ein Projekt in der Schule.
Ich muss eine Datanbank erstellen/verwalten und eine Webseite
dazu in der Projekte, die bisher in meiner Schule
durchgeführt wurden, verzeichnet sind
und abgerufen werden können. Sowie erweitert werden
können.

Ich denke ich werde noch öfter Probleme haben
zur Zeit ist es eher ein kleineres.
Ich hab auf meiner Startseite ein Formular, in dem man
Suchbegriffe eingeben kann.
Dieses hab ich in einer Tabelle und würde es gern zentriert haben...
aber immer wenn ich dies über CSS (mit Klassen)
versuche wird die gesamte Tabelle langgezogen,
also über die ganze Zeile.. (100% halt).
Aber ich will ja einfach die gesamte Tabelle so groß
wie auch der Bereich "Eingabefeld" - "Suche"-Button ist,
und das halt zentriert.
Eben mal den QuellcodeAuszug zum Verständnis:

<table class="suche">
  <tr>
    <td class="suche">
      <form action="suche.php" method="post">
       <input type="text" name="suche" />
       <input type="submit" value="Suche" />
      </form>
    </td>
  </tr>
</table>

In meiner CSSfile sieht es so aus:

table.suche    {border:3px;
                     padding:10px;
                     border-style: ridge;
                     width: 100%;}

td.suche        {text-align: center;}

Ich hab nun schon so viel rumprobiert,
dass ich völlig verwirrt bin ...:?
Ich möchte das es zusammen mit dem Rahmen
in der Mitte der Seite ist, aber irgendwie.. steh ich aufm Schlauch.
Hat jemand 'ne Idee?
(falls was unverständlich ist einfach fragen^^)

Danke schon mal..
Ich muss das bald fertig haben und
ich werd schon ganz kirre...:evil:

 

[Dark D.]

td.suche {
    margin: 0% auto;

    text-align: center;
}

So müsste es gehen.

 

[Pali]

~_~

menno...das geht immer noch nich
:(
da ändert sich nix...
die tabelle geht immer noch über
die ganze zeile und ich will ja nur
das es mittig is...

 

[znay]

Da müsste einfach eine width Angabe fehlen, dann kann man das Ganze per margin:0px auto; zentrieren.
EDIT: also sowas in der Art:

.table{
width:350px;
margin:0px auto;
}

 

[Pali]

also ich hab nun in meiner CSS stehen:

table.suche    {border:3px;
                     padding:10px;
                     border-style: ridge;
                     width: 100%;
                     margin: 0px auto}

td.suche         {margin: 0px auto;
                     text-align: center;
                     width: 100%;}

Entweder versteh ich was bei euern
Tipps falsch oder ... es liegt an irgendetwas anderem..

Auf dem Bild was dabei ist sieht man wie es im
moment aussieht..
unten bei der "Suche"... so soll es NICHT
aussehen... die tabelle soll halt nur so groß sein
wie auch "Eingabefeld" & "Button"...

 

[znay]

Du sagst, dass die Tabelle nicht die ganze Breite ausfüllen soll. Gleichzeitig gibst du ihr eine Breite von 100% per CSS. Nimm die width Angaben komplett raus und die Tabelle streckt sich dem Inhalt entsprechend.

 

[Pali]

Vor lauter Zeug und rumprobieren war ich verwirrt...
danke... endlich gehts... nur das hintergrund bild noch net lol..

Vor lauter Zeug und rumprobieren war ich verwirrt...
danke... endlich gehts... nur das hintergrund bild noch net lol..

wo ich es nun schon erwähnt habe...
mein hintergrund geht nicht.. ich hab oben im header
eigtl ein bild (siehe anhang: new.jpg).
als ich die formatierung noch ohne CSS machte klappte
das einwandfrei...nur jetzt nicht mehr.
in der index.php hab ich stehen:

<table class="head">
   <tr>
     <td class="head">
       <h1>Startseite der Projekte der  Max-Eyth-Schule</h1>
     </td>
[...]
</table>

Und in der CSS:

table.head    {background-image: url(Bilder/new.jpg);
                    background-repeat: no-repeat;
                    border: 4px;
                    padding: 12px;
                    border-style: outset;}

Ich hab irgendwo einen fehler den ich schlicht weg
übersehe... und meine Konzentriation lässt auch
nun langsam nach, weil ich schon so lang dran sitzte..
das Hintergrundbild wird nicht angezeigt,
ansonsten ist alles so wie es formatiert ist..
der link der beim Bild steht stimmt auch
*zig mal kontrolliert hat*...

Help ó___o