Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Unde gasesc acest tip de bec ?!

Knok at the Cabin (2023)

Pentru cei ce stati la bloc, va s...

Necesar software pt. timeline
 Biodome 27/ Thermica carpatino

Nu pot accesa unele pagini

Experiente cu mecanicii auto

La Digi de la Vodafone
 Creveti

Sare siguranta cand pornesc masin...

Verificare structura de rezistent...

Masina nr 2 - 90% oras, benzina, ...
 Tratament ortodontic

Passat B5 2000, fum

navigația auto nu porneș...

Demontare plastic hayon Seat Ateca
 

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: 8,009
  • Î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,883
  • Î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

Bun venit pe Forumul Softpedia!

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