Cineva care se pricepe HTML si CSS.

[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;
}

[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 !

[SimeriaIonut]

Poftim, simplificat si am adaugat comentarii sa si intelegi ce se intampla.

https://codepen.io/SimeriaIonut/pen/rNNMZPK

[HecaTe]

Mutat la webdesign

[HaLoGeK]

pune

Code: Select all

<div class="text">
      <h1> <center> Hi, there! </center> </h1>
   </div>

in div-ul de la logo

[Ilie Ionut]

Am rezolvat dupa ce m-am uitat la mai multe tutoriale legate de pozitionare. Multumesc.

[Megatron]

Am rezolvat dupa ce m-am uitat la mai multe tutoriale legate de pozitionare. Multumesc.

Recomand
https://codeburst.io/8-websites-you-sho ... 4ad0562656

[Mădălin]

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

[mr.franta]

De obicei o pozitionare corecta o faci din css indiferent de clasa.

Code: Select all

margin: 0px auto!important;
}

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.

[KronoS eXtream]

Nu folositi !important, e bad practice.
Daca aveti nevoie sa faceti overwrite la unele atribute, incercati sa va cresteti specificitatea.

[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%.

[Mădălin]

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