Cineva care se pricepe HTML si CSS.

Tot ce tine de grafica, realizat de utilizatori pentru forum.

Moderators: Moderatori ajutatori, Moderatori

User avatar
Ilie Ionut
Membru, skill +1
Membru, skill +1
Posts: 429
Joined: 29 Aug 2014, 20:21
Detinator Steam: Da
CS Status: ziua buna
Detinator server CS: Nu
SteamID: ilieionut29
Fond eXtream: 0
Location: Duandhs
Has thanked: 2 times

18 Oct 2019, 00:42

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

Zonek
User avatar
Jucator
Membru, skill +1
Membru, skill +1
Posts: 227
Joined: 15 Jul 2017, 20:38
Detinator Steam: Da
Fond eXtream: 0
Has thanked: 32 times
Been thanked: 11 times
Contact:

18 Oct 2019, 01:54

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 !
User avatar
SimeriaIonut
Fost moderator
Fost moderator
Posts: 243
Joined: 17 Apr 2010, 14:28
Detinator Steam: Da
Detinator server CS: DR2.INDUNGI.RO
SteamID: _lvl4nticore_
Reputatie: Fost moderator ajutator
Location: Copenhagen, Denmark
Has thanked: 13 times
Been thanked: 22 times
Contact:

18 Oct 2019, 11:19

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

https://codepen.io/SimeriaIonut/pen/rNNMZPK
BHOP.INDUNGI.RO # BHOP ROMANIA [Knife Mod] [VIP][+++]
89.44.246.113:27015
User avatar
HecaTe
eXtream Mod
eXtream Mod
Posts: 3267
Joined: 16 Aug 2014, 07:53
Detinator Steam: Da
CS Status: Citesc forumul eXtreamCS.com...!
SteamID: hecate_2k
Reputatie: eXtream Mod
Fond eXtream: 0
Location: Medias/Alba Iulia
Has thanked: 71 times
Been thanked: 36 times
Contact:

18 Oct 2019, 11:21

Mutat la webdesign
Image
Image
Mai nou si internet banking are liber de 1 decembrie :kappa: :kappa:
Image
User avatar
HaLoGeK
Super moderator
Super moderator
Posts: 82
Joined: 10 Sep 2013, 12:30
Detinator Steam: Da
CS Status: Citesc forumul eXtreamCS.com...!
SteamID: HaLoGeK
Reputatie: Super moderator
Has thanked: 1 time
Been thanked: 5 times
Contact:

22 Oct 2019, 20:25

pune

Code: Select all

<div class="text">
      <h1> <center> Hi, there! </center> </h1>
   </div>
in div-ul de la logo
ImageImage
User avatar
Ilie Ionut
Membru, skill +1
Membru, skill +1
Posts: 429
Joined: 29 Aug 2014, 20:21
Detinator Steam: Da
CS Status: ziua buna
Detinator server CS: Nu
SteamID: ilieionut29
Fond eXtream: 0
Location: Duandhs
Has thanked: 2 times

22 Oct 2019, 22:11

Am rezolvat dupa ce m-am uitat la mai multe tutoriale legate de pozitionare. Multumesc.
User avatar
Megatron
Membru Club eXtreamCS
Membru Club eXtreamCS
Posts: 602
Joined: 16 May 2018, 03:31
Detinator Steam: Da
CS Status: LUCIFER Codex ONLINE
Reputatie: Membru Club eXtreamCS (28 Apr - 28 Aug 2020)
Nume anterior: Gheorghe_cs16
Fond eXtream: 0
Been thanked: 6 times

10 Nov 2019, 12:39

Ilie Ionut wrote:
22 Oct 2019, 22: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
:goblin: 666-666-666 :goblin:
User avatar
Mădălin
Fost moderator
Fost moderator
Posts: 4977
Joined: 06 Mar 2013, 21:40
Detinator Steam: Nu
Reputatie: Fost Administrator
Fost manager cs.extream.ro
Has thanked: 17 times
Been thanked: 240 times
Contact:

26 Dec 2019, 03:35

HaLoGeK wrote:
22 Oct 2019, 20: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
User avatar
mr.franta
Membru, skill +1
Membru, skill +1
Posts: 245
Joined: 25 Apr 2015, 17:33
Detinator Steam: Da
CS Status: online 24/24 cateodata si noaptea
Detinator server CS: nu
SteamID: ffanta09
Fond eXtream: 0
Has thanked: 2 times
Been thanked: 6 times
Contact:

10 Apr 2020, 18:37

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.
User avatar
KronoS eXtream
Fost administrator
Fost administrator
Posts: 4380
Joined: 02 Apr 2009, 18:18
Detinator Steam: Da
Reputatie: Fost administrator
Fost detinator Zombie-Land.eXtream.Ro
Contribuitor
Fost Scripter eXtreamCS
Dezvoltator al listei de seriozitate eXtreamCS
Location: Bucharest
Has thanked: 543 times
Been thanked: 820 times
Contact:

11 Apr 2020, 16:42

Nu folositi !important, e bad practice.
Daca aveti nevoie sa faceti overwrite la unele atribute, incercati sa va cresteti specificitatea.
Nu efectuez tranzactii pe mess, skype etc. Aveti grija la indivizii care se dau drept mine!
Nu mai ofer suport asa ca nu imi mai trimiteti mesaje in legatura cu asta!


Zombie Plague Shade 1.2-debug1 [with Item Limiter] (12 September 2015) - Bombardier Branch
User avatar
mr.franta
Membru, skill +1
Membru, skill +1
Posts: 245
Joined: 25 Apr 2015, 17:33
Detinator Steam: Da
CS Status: online 24/24 cateodata si noaptea
Detinator server CS: nu
SteamID: ffanta09
Fond eXtream: 0
Has thanked: 2 times
Been thanked: 6 times
Contact:

11 Apr 2020, 17: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%.
User avatar
Mădălin
Fost moderator
Fost moderator
Posts: 4977
Joined: 06 Mar 2013, 21:40
Detinator Steam: Nu
Reputatie: Fost Administrator
Fost manager cs.extream.ro
Has thanked: 17 times
Been thanked: 240 times
Contact:

11 Apr 2020, 21:55

mr.franta wrote:
11 Apr 2020, 17: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
Post Reply

Return to “WebDesign”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests