Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

FATMA -

Institutia medierii

Mașini mici fașneț...
 La multi ani @persona695!

La Multi Ani de Sfantul Andrei!

Trebuie sa economisim energie sau...

That '90s Show (2023 - ...)
 Recomandare cablu display-port (p...

Aparat pentru masurare radiatii t...

Unde vedem parada militara Bucure...

Inregistrare audio fara consimtam...
 Cum pun protectie in Google Walle...

Soba din tabla pentru atelier.

HIT and RUN - (Fuga dupa adevar)

Proiect Erasmus -Vaccin si test pcr
 

Aliniere text cu CSS

- - - - -
  • Please log in to reply
5 replies to this topic

#1
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Înscris: 08.11.2007
Buna ziua!
Cum aliniez textul ca sa fie in partea de sus, ca in imagine? Multumesc!

<p>1. <img src="image_1.png" ></p>
<p>2. <img src="image_2.png" ></p>

[ https://i.ibb.co/dbQfYfQ/Untitled2.png - Pentru incarcare in pagina (embed) Click aici ]

#2
sags

sags

    Senior Member

  • Grup: Senior Members
  • Posts: 7,701
  • Înscris: 24.04.2013
vertical-aling:top sau vertical-aling:text-top (pe elementul <img>)

#3
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Înscris: 08.11.2007
Daca pun numarul in span merge:
HTML:
<p><span>1. </span><img src="image_1.png" ></p>

CSS:
span	{vertical-align: top;}

Oare merge si fara span prin alta metoda?

Edited by alex05ok, 15 June 2019 - 09:39.


#4
Mizu

Mizu

    moroșan

  • Grup: Senior Members
  • Posts: 17,634
  • Înscris: 10.12.2006
Vezi containerul in care sunt textul si imaginea, si da-i lui .container {vertical-align: top;}
Vezi daca iti da bine asa.

#5
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Înscris: 08.11.2007
Textul si imaginea sunt intr-un paragraf. Am pus paragrafele intr-un div si le-am dat {vertical-align: top;} dar nu merge.

https://jsfiddle.net/a7n8v4zh/1/

#6
whiteboy

whiteboy

    Member

  • Grup: Members
  • Posts: 924
  • Înscris: 18.12.2007
HTML:
<div id="wrapper">
<div>
<span>1.</span>
<img src="https://i.ibb.co/yncwmFG/1.png" >
</div>
<div>
<span>2.</span>
<img src="https://i.ibb.co/0mngVTf/2.png" >
</div>
</div>


CSS:
span {font-size:30px; vertical-align:top;}


Daca vrei sa folosesti p in loc de span, atunci mai trebuie sa adaugi la css display: inline;

Edited by whiteboy, 15 June 2019 - 16:11.


Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate