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 |
Cum pozitionez mai multe imagini
Last Updated: Nov 07 2011 21:19, Started by
toreador
, Nov 06 2011 19:27
·
0
0
#1
Posted 06 November 2011 - 19:27
|
Buna,
As dorii sa creez un index in care sa bag o imagine ca background, iar apoi pe ea sa pun alte imagini pe care sa le pozitionez diferit si nu left right top si bottom. As dorii sa le pozitionez aleatorii unde doresc pe imaginea din background. Apoi cand ma duc cu "mousul" pe ele sa apara alta imagine selectata de mine, iar cand iau cursorul sa revina la cea initiala. Un fel de onmouseover-onmouseout. Am incercat asa ceva in CSS dar nu prea am reusit. Va rog sa imi spuneti ce ar trebui sa fac si de ce am nevoie. Va rog sa imi spuneti pasii cat mai explicit. Multumesc. |
#2
Posted 06 November 2011 - 19:54
|
toreador, on 6th November 2011, 19:27, said: Buna, As dorii sa creez un index in care sa bag o imagine ca background, iar apoi pe ea sa pun alte imagini pe care sa le pozitionez diferit si nu left right top si bottom. As dorii sa le pozitionez aleatorii unde doresc pe imaginea din background. Apoi cand ma duc cu "mousul" pe ele sa apara alta imagine selectata de mine, iar cand iau cursorul sa revina la cea initiala. Un fel de onmouseover-onmouseout. Am incercat asa ceva in CSS dar nu prea am reusit. Va rog sa imi spuneti ce ar trebui sa fac si de ce am nevoie. Va rog sa imi spuneti pasii cat mai explicit. Multumesc. Eu as DORI sa iti pot raspunde, dar nu ma pricep... sper sa te lamureasca cineva (nu de alta, dar ma intereseaza si pe mine!). |
#3
Posted 06 November 2011 - 20:14
|
Imaginea pentru background o pui din style, cu :
body {background-position:center top;}
Imaginile care o să vină peste imaginea de background, cum spui tu, ar trebui să le aranjezi ca într-un tabel sau div, și le pui float sau display:inline-block. Depinde câte imagini ai. Deci ai putea să pui :<div class="imagine1"></div>iar în style adaugi
.imagine1 {display:-inline-block; background:url(img/imagine1a.jpg) no-repeat;}
Ca să adaugi și efectul de ommouseover dar din css, mai adaugi :
.imagine1:hover {background:url(img/imagine1b.jpg) no-repeat;}
Cred că asta vroiai. Dacă nu te descurci sau nu e ok ce ți-am zis, fii mai explicit sau dă un exemplu. |
#4
Posted 06 November 2011 - 20:25
|
Vezi ca pe IE7 nu merge :hover daca nu ai doctype strict.
Edit: Sa nu se inteleaga gresit, nu merge :hover pe alte elemente decat ancorele. Edited by DarkAngelBv, 06 November 2011 - 20:32. |
#5
Posted 06 November 2011 - 20:47
|
@w3room
M-ai ajutat cat de cat dar: Daca mai adaug o imagine ".imagine2" imi apare aliniata langa ".imagine1" si nu mai pot misca de acolo. Bag valori in style de 320px ex si nu o pot misca nici cum. Daca mai adaug o ".imagine3" si aceasta la randul ei se aliniaza pe aceasi linie cu celelalte si nu o pot misca. Nu le pot pune unde vreau eu! Asta e problema :-? |
#6
Posted 06 November 2011 - 20:55
|
Ex:
position:fixed; top:500px; left: 150px; Sau poti face o pozitionare dinasta ca default si apoi cu jquery le faci draggable. |
#7
Posted 06 November 2011 - 20:58
|
Pă-i spune cum vrei să le poziționezi, ce vrei să faci defapt. Câte imagini vrei să pui și cum, ca să-ți pot spune ce să folosești. De exemplu, pentru o galerie foto, ai putea să folosești un tabel. Dacă vrei doar să le mai miști stânga-drepta, folosește margin-left:10px sau margin-top:10px etc
|
#8
Posted 06 November 2011 - 21:06
|
Ca sa fac treaba mai usoara si sa ne intelegem mai bine am pus o poza ca sa vedeti unde vreau eu sa asez imaginile. Am scris cu negru unde as dori sa pun imaginile sau cum as dorii sa le aranjez.
Imagine: http://img510.images.../4219/uitex.png |
#9
Posted 06 November 2011 - 21:10
|
În cazul ăsta, folosește position:absolute și margin-left:px; margin-top:px;
Exemplu :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<head>
<style>
#pozitionare {background:url(http://img510.imageshack.us/img510/4219/uitex.png) no-repeat;
width:600px; height:300px; font-size:20px; font-weight:bold; color:red;}
#pozitionare .text1 {position:absolute; margin-left:320px; margin-top:30px;}
#pozitionare .text2 {position:absolute; margin-left:110px; margin-top:260px;}
#pozitionare .text3 {position:absolute; margin-left:440px; margin-top:265px;}
</style>
</head>
<body>
<div id="pozitionare">
<div class="text1">Text unu</div>
<div class="text2">Text doi</div>
<div class="text3">Text trei</div>
</div>
</body>
</html>
Edited by w3room, 06 November 2011 - 21:26. |
#10
Posted 06 November 2011 - 21:33
|
O sa incerc si asa. Mai da si maine prin topicu asta ca sa iti dau raspuns ce am reusit! Mersi
|
|
#11
Posted 07 November 2011 - 20:18
|
Mda nu prea ai inteles:))
EU ti-am scris pe poza aia ce vreau sa pun(ce imagine) si unde. TU ai inteles ca eu vreau sa scriu pe imaginea aia... |
#12
Posted 07 November 2011 - 20:20
|
Si care e problema? nu poti schimba textul cu imagini? chiar trebuie sa iti dea omul mura-n gura?
|
#13
Posted 07 November 2011 - 20:27
|
Credema ca le-am schimbat in imagini dar tot nu pot pune imaginile unde doresc. Imi stau blocate indiferent ce valoare as baga la "px"! ...
|
#14
Posted 07 November 2011 - 20:41
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.