Stefanescu Mihai 3 years ago CSS
Acest articol face parte din cursul Toate lectiile CSS. Te poti inscrie la acest curs aici!

Ce este Floating?

Cu Float putem “impinge” un element HTML spe stanga sau spre dreapta permitandu-le altor elemente sa se aseze langa ele.

Float-ul se foloseste de obicei pentru imagini, dar poate fi folosit si pentru alte elemente la fel de simplu.Elementele primesc float orizontal, asta inseamna ca nu putem folosi aceasta proprietate pentru a impinge elementele decat spre stanga sau spre dreapta, nu putem sa le impingem in sus sau in jos.Un element cu float se va duce spre stanga sau spre dreapta cat se poate de mult, adica pana la marginea elementului parinte.Elementele urmatoare se vor aseza in jurul lui, iar elementele dineintea lui nu vor fi afectate.Ex: Daca o imagine are float left atunci textul se va aseja in partea dreapta a imagini.

float: left;

Aranjarea elementelor unul langa altul

Daca pui mai multe elemente cu float unul langa celalalt ele se vor aseja unul langa celalalt in limita spatiului disponibil.Mai jos avem codul CSS petnru un meniu orizontal folosind proprietatea float:

    float: left;
    width: 90px;
    height: 24px;
    margin: 5px;

Float si Clear

Pentru a impiedica elementele ce urmeaza dupa float sa se aseze in pagina in functie de float putem folosi aceasta proprietate: clear.

clear: both;

Cu acest element putem specifica ce parte a float-ului nu este permisa sau ambele, deci putem seta clear-ul larightleft sau both.

Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum

Finasteride vs. Dutasteride # 8 months ago I'm extremely inspired along with your writing skills and also with the structure to your blog. Is this a paid theme or did you customize it your self? Either way stay up the excellent high quality writing, it's rare to see a nice blog like this one these days..
Casie # 8 months ago Hi there to all, how is all, I think every one is getting more from this site, and your views are fastidious for new viewers.
How does finasteride use affect the risk of developing type 2 diabetes? # 7 months ago Spot on with this write-up, I actually believe this website needs a lot more attention. I'll probably be returning to read more, thanks for the info!
Haz un pedido de nasonex # 4 months ago I have read so many content concerning the blogger lovers however this post is really a nice paragraph, keep it up.
Online-Kauf von Medikamenten in Belgien # 3 months ago Appreciating the commitment you put into your blog and in depth information you present. It's great to come across a blog every once in a while that isn't the same out of date rehashed material. Excellent read! I've saved your site and I'm adding your RSS feeds to my Google account.
Stacey # 3 months ago Hey There. I found your blog using msn. This is a very well written article. I'll be sure to bookmark it and come back to read more of your useful information. Thanks for the post. I'll definitely comeback.
Isobel # 3 months ago This site was... how do I say it? Relevant!! Finally I've found something which helped me. Thank you!
Kenny # 3 months ago If you would like to get a good deal from this post then you have to apply such strategies to your won weblog.
Shanel # 2 months ago It's fantastic that you are getting thoughts from this article as well as from our dialogue made here.
compra de somníferos con base en vastat # 2 months ago Spot on with this write-up, I seriously feel this site needs much more attention. I'll probably be back again to read through more, thanks for the info!
prix du solone à Marseille # 2 months ago This article will assist the internet people for creating new blog or even a blog from start to end.
Medikamente in Deutschland erhältlich # 2 months ago wonderful points altogether, you simply won a logo new reader. What would you recommend in regards to your submit that you made a few days in the past? Any certain?
puedo comprar ribatab sin receta # 2 months ago I was recommended this blog by way of my cousin. I'm not positive whether this post is written via him as nobody else understand such precise about my trouble. You're wonderful! Thank you!
lovenox en vente au Maroc sans prescription # 2 months ago It's perfect time to make some plans for the future and it is time to be happy. I've read this post and if I could I desire to suggest you few interesting things or tips. Maybe you could write next articles referring to this article. I wish to read more things about it!
Bestelle imiquimod online in Antwerpen # 1 month ago Wow, fantastic blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your website is wonderful, as well as the content!
mesopil senza prescrizione a prezzo elevato # 4 days ago When someone writes an paragraph he/she retains the thought of a user in his/her mind that how a user can be aware of it. Thus that's why this post is outstdanding. Thanks!
Preis von flutabene in München # 4 days ago What's up, yup this piece of writing is truly pleasant and I have learned lot of things from it concerning blogging. thanks.
Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.
Login Register

🔖 Bookmarks
✨ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌪️ Discord
Back to top
Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.