Chirurgia cranio-cerebrală minim invazivă
Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne. Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale. www.neurohope.ro |
Cum pot integra în paginile html 2 stiluri CSS diferite pentru 2 imagini diferite, ambele fiind separate vertical printr-un spațiu?
Last Updated: Feb 10 2022 11:53, Started by
me_suzy
, Feb 10 2022 11:17
·
0
#1
Posted 10 February 2022 - 11:17
salut prieteni. Cum pot integra într-o pagina html 2 stiluri CSS diferite pentru 2 imagini diferite, ambele fiind separate printr-un spațiu vertical (una sub alta) ?
Uitati-va la tablourile de mai jos. Au dimensiuni diferite, stiluri diferite. Asta nu stiu cum sa fac in css. Attached Files |
#3
Posted 10 February 2022 - 11:24
Daca am inteles bine intrebarea. Prin Id sau clasa diferita
<img id="firstImg" scr="" alt="" /> <img id="secondImg" scr="" alt="" /> Si in css: #firstImg{ width: 500px; } #secondImg{ width: 200px; } Edited by GaBogdan, 10 February 2022 - 11:26. |
#4
Posted 10 February 2022 - 11:25
#5
Posted 10 February 2022 - 11:28
#7
Posted 10 February 2022 - 11:42
Uite exemplu acesta: https://jsfiddle.net/Ln3y0bz7/
Dacă vrei dimensiuni diferite imaginile trebuie să fie de dimensiuni diferite iar dacă vrei stiluri diferite le poți pune într-un div și le poți targeta folosind :first-child, :last-child, :nth-child() sau cum a spus colegul mai sus prin clase sau id-uri diferite. |
#8
Posted 10 February 2022 - 11:42
Ai indexul html, langa el mai creezi un fisier numit style.css de exemplu unde o sa tii tot css-ul. E mult mai ok decat css inline.
Pentru a "lega" fisierul style.css cu index.html, in head, scrii <link rel="stylesheet" href="style.css"> ( daca pui style.css in alt folder trebuie sa ai grija la path, exact ca si la imagini. ) https://www.w3school...s/css_howto.asp Pentru a stiliza o imagine, un div, un p etc etc. Folosesti atributuri precum "id" sau "class" https://www.w3school...tml_classes.asp Pentru a folosi class: <img class="myClassDeExemplu" scr="" alt="" /> iar in css clasa se targheteaza asa: .myClassDeExemplu{ // ce stil vrei tu sa aplici aici width: 300px; } Pentru a folosi id: <img id="myID" scr="" alt="" /> iar in css clasa se targheteaza asa: #myID{ // ce stil vrei tu sa aplici aici width: 600px; } Am incercat sa fac un scurt si utli rezumat, sper sa ajute. Edited by GaBogdan, 10 February 2022 - 11:43. |
#9
Posted 10 February 2022 - 11:47
multumesc GaBogdan si Miki07
da, asa ceva. Testez si vad cum merg amandoua variantele. Thanks !! .picture, .leftPicture, .rightPicture { border: 2px dotted gray; width: 200px; } .leftPicture { float:left; } .rightPicture { float:right; } mai ulte raspunsuri se pot gasi aici: https://stackoverflo...ges-differently |
#10
Posted 10 February 2022 - 11:53
Iti sugerez sa te mai uiti peste https://www.w3school...ls.com/Â Â html si css
Pentru inceput, acopera destul de multe chestii. Daca te mai pot ajuta cu ceva, nu ezita sa lasi un pm. Succes! |
|
Anunturi
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users