Sign In
Create Account
Back to top
 |
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 |
link pe o portiune de imagine transparenta!
Last Updated: Nov 03 2012 10:41, Started by
socratev
, Oct 31 2012 14:48
·
0
0
#1
Posted 31 October 2012 - 14:48
|
Sal din nou l toata lumea, sper ca intrebarea mea nu vi se pare extrem de stupida, robabil ca este ceva ft usor, doar ca eu nu stiu.
Am o poza, care cea uploadata vi vreau sa pun un link pe o portiune din imagine, doar ca vrea ca atunci cand pun mouse-ul deaspura portiunii sa se ingalbeneasca imagine TRANSPARENT nu asa ca in imaginea mea si sa pot da cick sa se deschida un video, si toata dracia asta sa fie in HTML. Am reusit sa pun link-ul spre video dar nu reusesc sa fac zona aia din imagine sa faca galben transparent atunci cand pun mouse-ul pe ea. Tnx pentru raspunsuri! Attached Files
Edited by socratev, 31 October 2012 - 14:52. |
#2
Posted 31 October 2012 - 15:29
|
Clickul se dă în browser, nu pe server, aşadar problema nu ţine de PHP (care rulează pe server) ci de client-side, adică HTML şi eventual javascript.
Ţi-am mutat topicul (ţi-am mai mutat unul înainte), te rog să nu mai repeţi off-topicul. |
#3
Posted 31 October 2012 - 15:44
|
ok..am inteles...da..este vorba de html..scuze pentru asta si pe viitor o sa caut mai bine unde postez
|
#4
Posted 31 October 2012 - 17:23
|
In primul rand
http://www.w3schools...gs/tag_area.asp cu link pe o portiune din imagine. Al doilea, daca e link nu poti folosii hover? Sincer nu am inteles exact ce vrei. Pentru astia mai grei de cap ca mine, poti sa explici ce vrei exact. Edited by danutz0501, 31 October 2012 - 17:23. |
#5
Posted 31 October 2012 - 19:06
|
danutz, area este o balarie mare de tot. Prefer un div cu o imaginea ca background si un element cu position relative in el pe care il controlez cu top/bottom/left/right.
|
#6
Posted 31 October 2012 - 21:12
|
Eu doar am aratat ce ar putea face. Ca exista si posibilitatea asta. Am cerut si detalii suplimentare. In caz ca le dadea ai faceam un mic script "daca pot zice asa".
Tot cu pozitii l-as fi facut si eu. Imaginea principala fiind pozitionata relativ, linkul fiind pozitionat absolut(top left right bottom) un display inline-block sa ai pot da width height(ca sa afisez ceva inauntru), plus ca ar merge hover. Si cand zic ca ar merge m-as referii la o compatibilitate mult mai mare. Versiuni mai vechi ale unor browsere si IE nu accepta pseudo clasa hover decat pe un link(a href) Edited by danutz0501, 31 October 2012 - 21:13. |
#7
Posted 01 November 2012 - 00:22
|
<!DOCTYPE html>
<html> <head> <title>Link pe transparent</title> <style> .myClass{position:absolute;top:0px;left:0px;cursor:pointer;} .myClass:hover{top:-30px;left:0px;} </style> </head> <body> <div style="width:200px;height:150px;position:relative;overflow:hidden;"> <img width="200" height="150" src="pic1.png" alt='pic1' /> <div style="width:40px;height:30px;position:absolute;right:10px;bottom:10px;overflow:hidden;"> <img class="myClass" width="40" height="60" src="pic2.png" alt='pic2' href="your link" /> </div> </div> </body> </html> Edited by galinei, 01 November 2012 - 00:23. |
#8
Posted 01 November 2012 - 00:28
|
Galinei, solutia ta este si nu este acceptabila. Este ok pentru situatiile cand vrei ca imaginea ta sa fie indexata mai bine, insa nu are rost sa definesti inc-un element (sau 2?) in plus.
De fapt, daca ma uit mai bine... solutia ta este rudimentara tare de tot. Mai arunca o privire... |
#9
Posted 01 November 2012 - 02:06
|
Nu merge crossbrowser, e doar pt fun
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test n-am somn</title>
<style>
*{
padding:0px;
margin:0px;
}
#all{
position:relative;
width:1000px;
height:750px;
background:#09F;
}
#over{
position:absolute;
top:500px;
left:650px;
background-image:url(http://cl.jroo.me/z3/M/Y/F/d/a.aaa-Funny-Man-RoFl.jpg);
border-radius: 10px;
-moz-transition: border 2s, -moz-transform 2s;
-webkit-transition:border 2s, -webkit-transform 2s;
}
#over a{
display:block;
width:250px;
height:200px;
background-color:rgba(225,225,0,.5);
border-radius: 10px;
}
#over a:hover{
background-color:transparent;
}
#over:hover{
border:2px solid #00F;
-moz-transform:translate(10px,10px);
-webkit-transform:translate(10px,10px);
}
</style>
</head>
<body>
<div id="all">
<div id="over">
<a href="www.exemplu.com"></a>
</div>
</div>
</body>
</html>
Testat Firefox, crome(ar trebuii sa mearga si safari si el foloseste webkit) ultimele versiuni.
Edited by danutz0501, 01 November 2012 - 02:10. |
#10
Posted 01 November 2012 - 22:03
|
Galinei, solutia ta este si nu este acceptabila. Este ok pentru situatiile cand vrei ca imaginea ta sa fie indexata mai bine, insa nu are rost sa definesti inc-un element (sau 2?) in plus. De fapt, daca ma uit mai bine... solutia ta este rudimentara tare de tot. Mai arunca o privire... "indexat mai bine" suna la fel ca "80% insarcinata" - div cu background nu e indexat, img cu alt tag, da. Sacrificand elementul in plus (al doilea img), scazi calitatea linkului intern. |
|
#11
Posted 01 November 2012 - 23:32
|
Background-ul unui element este de asemenea indexat. Ca fapt divers...
Cat despre "calitatea link-ului extern"... parca m-as uita la Startrek, serios. |
#12
Posted 02 November 2012 - 10:42
|
Pai..vad ca a aparut o mica discutie aici..din car eeu nu inteleg prea multe dar multumesc mult celor 2 care mi-au oferit un raspuns, as putea sa ma folosesc de ambele variante in ceea ce am eu nevoie. TNX!
|
Anunturi
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.