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

LÖST 2 formulärknappar på samma rad

Rekommendera Poster

Niss3

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!

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
.M

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Niss3
Postad (redigerade)

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.
Redigerad av Niss3

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
.M

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.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

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.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Niss3

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=""?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

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

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...