• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage [HTML & CSS] kann Buttons mit Image nicht nebeneinander setzen

Status
Für weitere Antworten geschlossen.

Hikarihoshi

Neues Mitglied
Hi

ich wollte mal fragen ob jemand zeit und lust hat über meinen Code drüber zu schaun

Ich wollte eigentlich 3 buttons nebeneinander mit einem gleichmäsigen abstand zueinander und zum rand (leider ist das theme von Wordpress nicht so mittig wie center es machen würde)
daher hab ich das ganze mit Pixel zählen gemacht. Leider will das so gar nicht und die buttons lassen sich seit ich ihnen einen Link zugeteilt habe nicht mehr nebeneinander schreiben.
Sie setzen sich automatisch unter einander.

Mein ziel war es eigentlich in meiner php seite 3 Buttons zu integrieren die die seite nach dem draufklicken erweitern sollen ohne eine neue seite auf machen zu müssen. z.b. ein button auf dem
suche drauf steht und wenn man diesen anklickt werden zwischen den Buttons und der Tabelle Textzeilen eingeblendet mit der man in der Tabelle etwas suchen kann.

Nachdem ich das nicht geschaft habe wollte ich die drei Buttons so machen das diese zumindest eine neue Seite laden wo dann das gewünsche ergebniss drauf ist, so ist in dem beispiel unten,
der Suchenbutton mit absicht blind da man bereits auf der suchenseite ist aber nicht auf den anderen beiden.



CCS Anteil:


Code:
   /*--Button Auktionshaus--*/
form#Suche {
        margin-left:70px;
}
form#Info {
        margin-left:64px;
}
form#Melden {
        margin-left:64px;
}



PHP Anteil:

Code:
<form id="Suche">
<input type="image" src="../eigeneDateien/buttonSuche.png" border="0" name="buttonSuche" alt="Hier geht es zur Suche.">
</form>

<form id="Info" action="http://ni504870-1.web18.nitrado.hosting/60-2/" method="post">
<input type="image" src="../eigeneDateien/buttonInfo.png" border="0" name="buttonInfo" alt="Hier geht es zum Infobereich.">
<img alt="" border="0" src="../eigeneDateien/buttonInfo.png" width="1" height="1"></form>

<form id="Melden" action="http://ni504870-1.web18.nitrado.hosting/60-2/" method="post">
<input type="image" src="../eigeneDateien/buttonMelden.png" border="0" name="buttonMelden" alt="Hier geht es zum Meldungsformular.">
<img alt="" border="0" src="../eigeneDateien/buttonInfo.png" width="1" height="1">
</form>
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben