Jump to content

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

Astrologul Minerva angajata la BNR

Problema electronica Mercedes C22...

Plinta parchet lata
 Pareri produse vetter.ro

Honor 8x blocat la pin

Laptop Asus nu recunoaste SSD si ...

cumparare 2/3
 Criza de politisti in SUA in cont...

Spuma poliuretanica vs Vata bazal...

Cu ce as putea inlocui telecomand...

Recomandare reglare termopane
 Ascita caine

Comutator 3 pozitii --> contr...

Tetiera Toyota Yaris din 2009

After Ever Happy (2022)
 

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,232
  • Î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,274
  • Î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: 916
  • Î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

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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