Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy kell ezt CSS-ben megoldani?

Hogy kell ezt CSS-ben megoldani?

Figyelt kérdés

[link]


A linken található a HTML és CSS kód eddigi állapota.


Egyetemen egy labor feladatának egy része (az irreleváns részeket kitöröltem) hogy egyszerű legyen a kérdés.


A "Bejelentkezés" linket szeretném a container jobb szélére állítani.


Ha azt írom, hogy float = rigth, akkor ezt megteszi, de vertikálisan felmegy a container tetejére, tehát nem marad középen.


Ezt hogy lehetne megoldani (úgy hogy a HTML kódhoz nem nyúlhatok)?


Előre is köszönöm.



2021. nov. 10. 14:29
 1/4 anonim ***** válasza:
Esetleg a css-ben a containert beállítod display:flex re..a flex-direction: row-t...majd a .btn-liginra egy self-align-self:end-re
2021. nov. 10. 14:49
Hasznos számodra ez a válasz?
 2/4 anonim ***** válasza:
*align-self:end
2021. nov. 10. 14:50
Hasznos számodra ez a válasz?
 3/4 A kérdező kommentje:

Köszi, de ennek hatására ugyan ott maradt a "Bejelentkezés" csak lement a container aljára.


Gomdolom colunmban maradt, de a containerben megadtam a display: flex; alatt a flex-direction: row;-t is.

2021. nov. 10. 15:02
 4/4 anonim ***** válasza:

header .container {

max-width: 1200px;

display: grid;

grid-template-columns: max-content auto max-content;

align-items: center;

}

2021. nov. 10. 15:32
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!