Just nu i M3-nätverket
Gå till innehåll

2 formulärknappar på samma rad


Niss3

Rekommendera Poster

Hej!

 

Jag vet inte vad det är jag gör för fel. Får inte två knappar på samma rad..

 

Här är min kod:

<form id="beginlevel1" name="beginlevel1" method="post" action="/esa">

<ul>
<div>
<input type="submit" name="answerx" id="Begin" value="Tutorial" />
</div>

<div>
<input type="submit" name="answerx" id="game" value="Game 2015" />
</div>
</ul>

</form>

4b77971614.png

 

Men vad jag vill åstakomma är att få båda knapparna på samma rad, och "aligna" dem till vänster/höger.

 

T.ex. som om jag gör en tabell med två celler, och lägger en knapp i vardera cell, och sedan väljer att 1:a cellen ska hålla vänster, och allt i 2:a cellen ska hålla till höger.

 

Illustration:

c842d49e0c.png

 

Tack för hjälpen i förhand!

Länk till kommentar
Dela på andra webbplatser

Har du css-koden för formuläret också? Det kan finnas ledtrådar till hur man fixar det där.

Länk till kommentar
Dela på andra webbplatser

Har du css-koden för formuläret också? Det kan finnas ledtrådar till hur man fixar det där.

 

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

 
edit
 
Nu när jag tänker i efterhand tror jag inte att själva formuläret har någon CSS?
 
Om du tänker på id="beginlevel1" så har jag ingen css kod till den.
Länk till kommentar
Dela på andra webbplatser

Css för sidan går precis lika bra.

 

Men eftersom du har satt knapparna i varsina div-taggar så hamnar dessa på varsin rad.

 

Du måste i css definiera att den första div har float:left har jag för mig och båda två måste ha en bred. 50% är antagligen rätt.

 

Div två borde nog ha en text-align:right för att knappen ska hamna till höger.

Länk till kommentar
Dela på andra webbplatser

Så här kan du göra.

<form id="beginlevel1" name="beginlevel1" method="post" action="/esa">

<div style="clear:both;float:none;overflow:hidden;">
<div style="float:left;">
<input type="submit" name="answerx" id="Begin" value="Tutorial" />
</div>

<div style="float:right;">
<input type="submit" name="answerx" id="game" value="Game 2015" />
</div>
</div>

</form>

Men du gör bäst i att flytta css till extern css-fil istället.

Länk till kommentar
Dela på andra webbplatser

Så här kan du göra.

<form id="beginlevel1" name="beginlevel1" method="post" action="/esa">

<div style="clear:both;float:none;overflow:hidden;">
<div style="float:left;">
<input type="submit" name="answerx" id="Begin" value="Tutorial" />
</div>

<div style="float:right;">
<input type="submit" name="answerx" id="game" value="Game 2015" />
</div>
</div>

</form>

Men du gör bäst i att flytta css till extern css-fil istället.

 

Tack Jonas! Precis vad jag behövde! Gissar att du menar att jag ska lägga id på alla <div> istället för att använda style=""?

Länk till kommentar
Dela på andra webbplatser

css-klasser: clear, floatLeft och floatRight, t ex

inte id, då det är regler som är (eller kan vara) generella

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...