Sign In
Create Account
Back to top
 |
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 |
Problemă poziționare div și iframe height
Last Updated: Apr 04 2013 17:21, Started by
DanaS13
, Apr 01 2013 22:19
·
0
0
#19
Posted 04 April 2013 - 09:30
|
Cam asa presupun dar altfel de imagini, sau gresesc?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<style>
#baza {
margin-top:40px;
margin-left:40px;
width:770px;
height:76;
}
.baza1 {
display:inline;
width:102;
height:172;
}
#baza2 {
margin-left:40px;
}
.baza4 {
width: 60px;
color: black;
font-family: Courier;
}
#bor1 {
position: absolute;
margin-top: -45px;
margin-left: 50px;
}
#bor2 {
position: absolute;
margin-top: -45px;
margin-left: 200px;
}
#bor3 {
position: absolute;
margin-top: -45px;
margin-left: 350px;
}
#bor4 {
position: absolute;
margin-top: -65px;
margin-left: 495px;
}
#bor5 {
position: absolute;
margin-top: -45px;
margin-left: 640px;
}
.baza4:hover {
text-decoration:underline;
}
</style>
</head>
<body height="100%" >
<div id="baza">
<div >
<img src="home1.jpg" alt="Home" title="Home" >
<a href="Home.htm" target="atare"><div id="bor1" ><strong>Home</strong></div></a>
</div>
<div >
<img src="carte.jpg" alt="Carte" title="Carte" >
<a href="diva2.htm" target="atare"><div id="bor2" ><strong>Carte</strong></div></a>
</div>
<div >
<img src="project.jpg" alt="Proiect" title="Proiect" >
<href="#" target="atare"><div id="bor3" ><strong>Proiect</strong></div></a>
</div>
<div >
<img src="lucrare.jpg" alt="Lucrare si Publicatie" title="Lucrare si Publicatie" >
<href="#" target="atare"><div id="bor4" ><strong>Lucrare si Publicatie</strong></div></a>
</div>
<div >
<img src="vizualizeaza.jpg" alt="Vizualizeaza" title="Vizualizeaza" >
<href="#" target="atare"><div id="bor5" ><strong>Vizualizeaza</strong></div></a>
</div>
</div>
<div id="baza2">
<iframe frameborder="1" src="Home.htm" name="atare" ></iframe>
</div>
</body>
</html>
diva2.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IFrame lateral stanga</title>
<style>
#korn {
display:block;
width:132;
height:304;
}
.korn {
width: 80px;
color: black;
font-family: Courier;
}
#korn1, #korn2, #korn3 {
position: absolute;
margin-top: -44px;
margin-left: 27px;
}
#korn4 {
position: absolute;
margin-top: -44px;
margin-left: 10px;
}
.korn:hover {
text-decoration:underline;
}
</style>
</head>
<body>
<div id="korn">
<div><img src="adauga.jpg" alt="Adauga" title="Adauga" ><a href="adauga.htm" target="_top"><div id="korn1"><strong>Adauga</strong></div></a></div>
<div><img src="sterge.jpg" alt="Sterge" title="Sterge" ><a href="sterge.htm" target="_top"><div id="korn2"><strong>Sterge</strong></div></a></div>
<div><img src="modifica.jpg" alt="Modifica" title="Modifica" ><a href="modifica.htm" target="_top"><div id="korn3"><strong>Modifica</strong></div></a></div>
<div><img src="vizualizare.jpg" alt="Vizualizare" title="Vizualizare" ><a href="vizualizare.htm" target="_top"><div id="korn4"><strong>Vizualizare</strong></div></a></div>
</div>
</body>
</html>
Home.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" height="100%">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IFrame lateral stanga</title>
<style>
#korn {
display:block;
width:82;
height:264;
}
</style>
</head>
<body>
<div id="korn">
<div><img src="vizualizare.jpg" alt="Vizualizare" ></div>
<div><img src="adauga.jpg" alt="Adauga" ></div>
<div><img src="sterge.jpg" alt="Sterge" ></div>
<div><img src="modifica.jpg" alt="Modifica" ></div>
</div>
</body>
</html>
adauga.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Adauga</title>
<style>
h1 {
text-align:center;
}
</style>
</head>
<body>
<h1>Adauga</h1>
</body>
</html>
sterge.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sterge</title>
<style>
h1 {
text-align:center;
}
</style>
</head>
<body>
<h1>Sterge</h1>
</body>
</html>
modifica.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Modifica</title>
<style>
h1 {
text-align:center;
}
</style>
</head>
<body>
<h1>Modifica</h1>
</body>
</html>
vizualizare.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Vizualizare</title>
<style>
h1 {
text-align:center;
}
</style>
</head>
<body>
<h1>Vizualizare</h1>
</body>
</html>
Cam astea ar fi: Attached Files
|
#20
Posted 04 April 2013 - 11:12
|
Da, exact ca în imaginea atașată! Dar de ce ar trebui să fac pagină html pt fiecare obiect din meniu?
|
#21
Posted 04 April 2013 - 16:36
|
1. Da, exact ca în imaginea atașată! 2. Dar de ce ar trebui să fac pagină html pt fiecare obiect din meniu? 2. Trebuie sa-i "spui" browser-ului ce si cum sa iti afiseze pe monitorul calculatorului sau laptop-ului, (trebuie sa-i "spui" serverului in ce fel doresti sa fie stocata informatia), pentru ca mai apoi sa poti interactiona cu acele date. Cum preferi sa faci lucrul descris mai sus? Sunt diferite metode prin care le poti reduce numarul sau poti utiliza PHP si Javascript sa le creeze, afiseze in browser + XML si SQL pentru stocarea organizata pe server + daca este necesar AJAX, JSON pentru schimb de date cu serverul fara a reincarca pagina in browser, ori utilizezi CMS-uri - CMS = sistem de management al conținutului - cum ar fi Wordpress sau Joomla care evident se bazeaza pe limbajele de programare enumerate mai sus. Fiecare are plusuri si minusuri daca se pot numi asa, dar oricare metoda ai dori sa utilizezi este necesar mai intai sa inveti cum, sau sa stii cat mai precis ceea ce doresti si sa platesti pe cineva care se pricepe sa iti transpuna in realitate dorintele. |
#22
Posted 04 April 2013 - 17:21
|
1. Dupa pagina initiala numai pentru Home am facut un fisier Home.htm fara link-uri si pentru Carte un fisier diva2.htm cu link-uri catre cele 4 fisiere:
- adauga.htm, - sterge.htm, - modifica.htm, - vizualizare.htm, in rest nimic, doar ca sa vezi cum se inlantuie si daca se comporta asa cum ai descris ("Da eu vrea să se redimensioneze în funcție de browser, să ocupe tot spațiul rămas liber. Fără javascript nu se poate?") pentru al doilea iframe fara a folosi un iframe sau Javascript, dupa care le faci sau le organizezi cum doresti. In IE6 de exemplu nu functioneaza corect sunt necesare unele ajustari  , l-am incercat doar in Firefox19 unde functioneaza corect. 
|
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.