Page 1 of 2
Cineva care se pricepe HTML si CSS.
Posted: 18 Oct 2019, 01:42
by Ilie Ionut
De curand m-am apucat sa invat HTML si CSS. Am o problemuta cu position: aboslute;
Pe scrut, am un logo, iar sub logo vreau sa pun un text.
- | Afiseaza codul
https://imgur.com/a/aeDyJKF
Text Hi, there!, il vreau sub logo. Am incercat asa insa daca redimensionez ceva, textul vine peste logo. Nu ramane intr-un punct fix. Poate sa fie logo-ul de vina, sunt la inceput si nu reusesc sa ii dau de cap.
- | Afiseaza codul
https://imgur.com/LZERxrL
Codul este urmatorul:
- | Afiseaza codul
HTML
<div class="logo">
<img src="logo.png" alt="logo.png">
</div>
<div class="text">
<h1> <center> Hi, there! </center> </h1>
</div>
CSS
.text {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
padding-top: 400px;
}
.logo img {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: 20%;
padding-top: 75px;
}
Re: Cineva care se pricepe HTML si CSS.
Posted: 18 Oct 2019, 02:54
by Jucator
Recomand
https://stackoverflow.com/ cel mai jmk forum pentru developerii web!
Dar este in engleza tradu ce ai scris sus in en si fa un topic acolo! 99% vei primi un raspuns maxim 2 ore !
Re: Cineva care se pricepe HTML si CSS.
Posted: 18 Oct 2019, 12:19
by SimeriaIonut
Poftim, simplificat si am adaugat comentarii sa si intelegi ce se intampla.
https://codepen.io/SimeriaIonut/pen/rNNMZPK
Re: Cineva care se pricepe HTML si CSS.
Posted: 18 Oct 2019, 12:21
by HecaTe
Mutat la webdesign
Re: Cineva care se pricepe HTML si CSS.
Posted: 22 Oct 2019, 21:25
by HaLoGeK
pune
Code: Select all
<div class="text">
<h1> <center> Hi, there! </center> </h1>
</div>
in div-ul de la logo
Re: Cineva care se pricepe HTML si CSS.
Posted: 22 Oct 2019, 23:11
by Ilie Ionut
Am rezolvat dupa ce m-am uitat la mai multe tutoriale legate de pozitionare. Multumesc.
Re: Cineva care se pricepe HTML si CSS.
Posted: 10 Nov 2019, 12:39
by Megatron
Ilie Ionut wrote: ↑22 Oct 2019, 23:11
Am rezolvat dupa ce m-am uitat la mai multe tutoriale legate de pozitionare. Multumesc.
Recomand
https://codeburst.io/8-websites-you-sho ... 4ad0562656
Re: Cineva care se pricepe HTML si CSS.
Posted: 26 Dec 2019, 03:35
by Mădălin
HaLoGeK wrote: ↑22 Oct 2019, 21:25
pune
Code: Select all
<div class="text">
<h1> <center> Hi, there! </center> </h1>
</div>
in div-ul de la logo
Stiu ca e din octombrie postul, insa am vrut sa rad putin asupra codului. Cine se pricepe in web design stie si de ce.
->
https://www.w3schools.com/tags/tag_center.asp
Re: Cineva care se pricepe HTML si CSS.
Posted: 10 Apr 2020, 19:37
by mr.franta
De obicei o pozitionare corecta o faci din css indiferent de clasa.
Atunci cand folosesti
!important daca mai exista un cod css identic in css-ul tau acesta va preluat cu forta noile informatii si cel vechi numai se aplica 100%.
Ce altceva mai ai nevoie?Nu sunt la un nivel inalt de web-design dar imi mare parte ma pricep HTML-CSS destul de bine.
Re: Cineva care se pricepe HTML si CSS.
Posted: 11 Apr 2020, 17:42
by KronoS eXtream
Nu folositi !important, e bad practice.
Daca aveti nevoie sa faceti overwrite la unele atribute, incercati sa va cresteti specificitatea.
Re: Cineva care se pricepe HTML si CSS.
Posted: 11 Apr 2020, 18:56
by mr.franta
Uimeste-ma te rog si da un demo (daca exista) si (daca se poate) daca aceasta atributie afecteaza cu ceva.
Oricum ai spune,oricum ai face,orice ai spune,orice ai incerca e doar o simpla atributie care nu afecteaza cu nimic niciodata.
O folosesc de cate ori am nevoie,atunci cand ceva nu merge si da rezultate de fiecare data 100%.
Re: Cineva care se pricepe HTML si CSS.
Posted: 11 Apr 2020, 22:55
by Mădălin
mr.franta wrote: ↑11 Apr 2020, 18:56
Uimeste-ma te rog si da un demo (daca exista) si (daca se poate) daca aceasta atributie afecteaza cu ceva.
Oricum ai spune,oricum ai face,orice ai spune,orice ai incerca e doar o simpla atributie care nu afecteaza cu nimic niciodata.
O folosesc de cate ori am nevoie,atunci cand ceva nu merge si da rezultate de fiecare data 100%.
https://stackoverflow.com/questions/995 ... 15#9956515
https://www.w3schools.com/css/css_specificity.asp