Search the Community
Showing results for tags 'Relative'.
Found 6 results
-
I have a piece of CSS as following (in order to align a div vertically center) #center { position:relative; height:200px; width:500px; top:50%; margin:-100px auto 0px auto; border-radius:10px; border:1px solid white;} In Chrome, it works well, as in the first illustration: but in Firefox, it's displayed as following: Please, explain to me the reason of the issue. You can check this issue in your browser by link: http://thichtomo.com/example/
-
Hi there!!Is there any way to find the absolute position of an element? (Element.offsetTop, Element.style.top etc, are all give the relative position of the element related to its parent element).Thanks in advance!!Atar.
-
I'm trying to implement the sliding transparent overlay on my sight but I'm having a problem with the positioning of the DIV. When the window is re-sized the div does not retain relativity to the menu items above. Can someone give a pointer as to how this can be achieved? This is what I'm trying to emulate.......http://www.daphnes-restaurant.co.uk/general-information/ Here's my website.........http://www.galu.co.uk/newsite/goforitg.html The yellow box remains relative to the red box but when my window is re-sized I would like the red box to be left align to the window so the users can see easier. A kind of "left align object on window re-size. If that makes sense.
-
Hello, On my site the links are jumbled up, areas are clickable which should not be. anyone know a solution? http://chanarmstrong.com/clients/shortsweet/shop.html Thanks!
-
I have 2 questions. First one is most important! I attach the php, and the css files here for you (Hello dsonesuk ) to look and maybe help me with this. I may know how to do this, but then i might need to change it all and do it all from a a beginning again. So i would like a fast change advise for this problem. Anyway here it goes: I have the class called "sidboxes" wich are located to the right of the container(browser). And in that class 3 classes - the classes are called sidbox1, 2, and 3 for each of the 3 boxes. So i have now as you can see in the css an position:absolute. When i minimize the window here at the workplace i am, it moves around 5-10 mm. But when i am at home at the laptop this whole class move about 10 cm into the middle! I tried(not at home though but here where i am now on a different computer.) to write relative instead(as i think it actually must be relative!) but then this whole class moves down and makes a big space below everything. Now the images are not attached but i think you know how to help anyway . The boxes are supposed to be at the same place AS they are when having the absolute tag, BUT not move around when minimizing a window. As neither absolute seems to be the right tag to use, i need help now, cause i tried with relative both outside and inside the container i have. 2 question: What can i do to remove that empty space at the bottom wich is about 2-3 cm???? (the last cssfile attached is for the menyboxes to the left. I think the empty space got to do with them....) index52.php pse52.css pse5menyset2.css
-
I'm having some trouble getting a form to display properly when printing. The "School of Medicine" section works fine, but section 7 (which is actually apDiv9) for SSPPS disappears when printing. I looked and it seems like it's getting shoved to the second page. Any idea how to fix that? Additionally, if there's a better way to organize the tables so that everything except the three TextAreas are on the first page (with the TextAreas on the second), I'd be happy to know about it. EDIT: Sorry, niche. Code is kind of long, so I didn't want to take up too much space. <!DOCTYPE html><html><head><title>Teaching Quantification Form</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta name="author" content="David" /><meta name="keywords" content="teaching, quantification, ucsd" /><!--Version 0.7--><style type="text/css">body {font-size:100%;font-size:0.75em;font-family:"Arial",Helvetica,sans-serif;}sup {font-size:75%;}table {border:1px solid black;border-collapse:collapse;width:385px;}td {border:0.5px solid black;}textarea { resize:none; overflow:hidden; width:25em; height:15em;}.lTextArea{width:50.5em;}.hiddenClass {visibility:collapse;}.showClass {visibility:visible;}.pBreak {page-break-before:always;}#apDiv1 {position: relative;width: 200px;height: 115px;z-index: 1;left: 10px;top: 10px;}#apDiv2 {position: relative;width: 200px;height: 115px;z-index: 2;left: 10px;top: -105px;}#apDiv3 {position: relative;width: 200px;height: 115px;z-index: 3;left: 10px;top: 200px;}#apDiv4 {position: relative;width: 200px;height: 115px;z-index: 4;left: 10px;top: 165px;}#apDiv5 {position: relative;width: 200px;height: 115px;z-index: 5;left: 400px;top: -450px;}#apDiv6 {position: relative;width: 200px;height: 115px;z-index: 6;left: 400px;top: -160px;}#apDiv7 {position: relative;width: 200px;height: 115px;z-index: 7;left: 10px;top: -80px;}#apDiv8 {position: relative;width: 200px;height: 115px;z-index: 8;left: 400px;top: -175px;}#apDiv9 {position: relative;width: 200px;height: 115px;z-index: 9;left: 400px;top: -290px;}#apDiv10 {position: relative;width: 200px;height: 115px;z-index: 10;left: 10px;top: -240px;}#apDiv11 {position: relative;visibility:hidden;z-index: 11;left: 10px;top: 110px;}#apDiv12 {position: relative;z-index: 12;left: 10px;top: -45px;}/*@media screen {body { background-image:url('http://videoprocessing.ucsd.edu/~stanleychan/logoUCSD.gif'); background-repeat:no-repeat; background-position:right top; background-attachment:fixed; background-size:15%;}} */@media print {sup {font-size:100%;}.noPrint { visibility:hidden;}.medSup { visibility:hidden;}#apDiv10 {position: relative;width: 200px;height: 115px;z-index: 10;left: 10px;top: 0px;}}</style><script type="text/javascript">function calculateTotal(){var total = 0;var current = 0;var elem = document.getElementsByTagName("input");for(var i = 0; i < elem.length; i++){ current = parseInt(elem[i].value); if (!isNaN(current)) { total = total + current; } current = 0;}if (!isNaN(total)){ document.getElementById("calcResult").innerHTML = total;}}function forceOther(type){if (type == "CourseNumbers"){ alert("Please complete the \"Course Numbers or Names\" section below.");}else if (type == "StudentNames"){ alert("Please complete the \"Student/Trainee Names\" section below.");}else if (type == "Other"){ alert("Please complete the \"Other Activities\" section below.");}}function reqChecker(){var x=document.forms["fForm"]["other"].value;var missingReq = false;var courses = document.getElementsByClassName("course");var students = document.getElementsByClassName("student");var temp = 0; for (var j = 0; j < courses.length; j++){ temp = parseInt(courses[j].value); if (temp != 0) { if (document.getElementById("courseNum").value == "") { missingReq = true; forceOther("CourseNumbers"); } } temp = 0;} temp = 0; for (var k = 0; k < students.length; k++){ temp = parseInt(students[k].value); if (temp != 0) { if (document.getElementById("stuName").value == "") { missingReq = true; forceOther("StudentNames"); } } temp = 0;} temp = parseInt(x); if (temp != 0){ if (document.getElementById("otherField").value == "") { missingReq = true; forceOther("Other"); }} if (!missingReq){ calculateTotal();}}function setMED(){document.getElementById("SSPPSAdministration").style.visibility = "collapse";document.getElementById("SSPPSEducation").style.visibility = "collapse";document.getElementById("MEDAdministration").style.visibility = "visible";document.getElementById("MEDEducation").style.visibility = "visible";document.getElementById("apDiv1").style.visibility = "visible";document.getElementById("apDiv2").style.visibility = "collapse";document.getElementById("apDiv8").style.visibility = "visible";document.getElementById("apDiv9").style.visibility = "collapse";}function setSSPPS(){document.getElementById("MEDAdministration").style.visibility = "collapse";document.getElementById("MEDEducation").style.visibility = "collapse";document.getElementById("SSPPSAdministration").style.visibility = "visible";document.getElementById("SSPPSEducation").style.visibility = "visible";document.getElementById("apDiv1").style.visibility = "collapse";document.getElementById("apDiv2").style.visibility = "visible";document.getElementById("apDiv8").style.visibility = "collapse";document.getElementById("apDiv9").style.visibility = "visible";}</script></head><body onload="setMED();"><p><form><b>Name: </b><input type="text"></input> <input type="text"></input> <b>Year: </b><input type="text" size="2"></input></form></p><p><input type="radio" name="radioSelector" value="MED" checked="checked" onclick="setMED();" autocomplete="off">School of Medicine</input> <input type="radio" name="radioSelector" value="SSPPS" onclick="setSSPPS();" autocomplete="off">SSPPS</input></p> <p><button type="button" class="noPrint" onclick="reqChecker();">Calculate</button> Total Credits: <span id="calcResult">0</span></p><form id="fForm" name="fForm"> <div id="apDiv1"> <Table id="MEDAdministration" class="showClass"> <caption> <b title="Sharing credit with an assoc. director is at the discretion of the course/program director.">1. Administration<sup class="noPrint">*</sup></b> </caption> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">PreClerkship Thread Director<sup class="noPrint">*</sup></td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PreClerkship Thread Director- Path/Hist, Anatomy, Pharmacology</td> <td>480 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PreClerkship Block Director and Lead Clinical Educator</td> <td>3 Credits/Contact Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">Core Clerkship Director<sup class="noPrint">*</sup></td> <td>480 Credits/Clerkship</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Clinical Foundations Director</td> <td>480 Credits/Clerkship</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">Graduate Program Director<sup class="noPrint">*</sup></td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">4<sup>th</sup> Year Clerkship Director<sup class="noPrint">*</sup></td> <td>5 Credits/Month</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td title="Sharing credit with an assoc. director is at the discretion of the course/program director.">Residency Program Director<sup class="noPrint">*</sup></td> <td class="creditAmount">20 Credits/Resident/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="Credit will be pro-rated over the duration of the grant.">PI- Training Grant<sup class="noPrint">*</sup></td> <td>50 Credits/Grant</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Course Director (CE/CME)</td> <td>2 Credits/Hour CE/CME Credit</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Academic Community Director</td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="For students in graduate programs, only 1st year students are counted.">Student Advising (formal only)<sup class="noPrint">*</sup></td> <td>5 Credits/Student/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Graduate Course Initial Composition/Set-up (1 time only)</td> <td>10 Credits/Course</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Graduate Course Administrative Time</td> <td>10 Credits/Course</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> </Table></div> <div id="apDiv2"> <Table id="SSPPSAdministration" class="hiddenClass"> <caption> <b title="Sharing credit with an assoc. director is at the discretion of the course/program director.">1. Administration<sup class="noPrint">*</sup></b> </caption> <tr> <td>Preclinical Core Course Director</td> <td>1 Credit/Course Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Preclinical Core Course Section Leader</td> <td>1 Credit/Course Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Core Clerkships are Free Clinic (IPPE), Hospital Practice (IPPE), SPPS 400A/B, SPPS 401 A/B & APPE Community Pharmacy.">Core Clerkship Director<sup class="noPrint">*</sup></td> <td>150 Credits/Clerkship</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Site Director includes VA, Orange County, Hillcrest, Rady.">Clerkship Site Director<sup class="noPrint">*</sup></td> <td>100 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Graduate Program Director includes BMS porgrams and Experiential Education Programs.">Graduate Program Director<sup class="noPrint">*</sup></td> <td>150 Credits/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>4<sup>th</sup> Year Clerkship Director</td> <td>5 Credits/Month</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Residency or Fellowship Program Director</td> <td>20 Credits/Trainee/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PI- Training Grant</td> <td>50 Credits/Grant</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>CE Course Director</td> <td>2 Credits/Hour CE Credit</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="For students in graduate programs, only 1st year students are counted. For pharmacy & medicine students, 1st - 4th year and resident advisees are counted.">Trainee Advising (formal advising only)<sup class="noPrint">*</sup></td> <td>5 Credits/Trainee/Year</td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td title="Includes serving as a formal Advisor for or Liason to student groups such as Operation Immunization, APhA-ASP, etc.">Outreach/Professional Project Advising<sup class="noPrint">*</sup></td> <td>10 Credits/Project Group</td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Graduate Course Initial Composition/Set-up (1 time only)</td> <td>10 Credits/Course</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Graduate Course Administrative Time</td> <td>10 Credits/Course Hour</td> <td><input class="course" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv3"> <Table class="GraduateTable"> <caption> <b>2. Graduate Courses and Programs</b> </caption> <tr> <td>Graduate Student Training</td> <td title="(SoM)Combined Graduate Student and Post-Doctoral Fellow training will be capped at 5 Credits/Week. (SSPPS)This includes laboratory rotation students and full-time Summer Research Project students.">1 Credit/Trainee/Week<sup class="noPrint">*</sup></td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Post-Doc Research Fellow/Resident Training</td> <td title="(SoM)Combined Graduate Student and Post-Doctoral Fellow training will be capped at 5 Credits/Week.">0.5 Credits/Trainee/Week<sup class="noPrint">*</sup></td> <td><input class="student" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv4"> <Table class="PreClinicalTable"> <caption> <b>3. Preclinical Electives Course</b> </caption> <tr> <td>Initial Development/Set-up (one time only)</td> <td>10 Credits/Course</td> <td><input class="course" type="text" value=0 size="3"autocomplete="off"/></td> </tr> <tr> <td>Administrative Time</td> <td>10 Credits/Course</td> <td><input class="course" type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Independent Study Electives</td> <td>10 Credits/Course</td> <td><input class="course" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv5"> <Table class="ClassroomTable"> <caption> <b>5. Classroom Teaching</b> </caption> <tr> <td><i>Lectures</i></td> <td></td> <td></td> </tr> <tr> <td> Core Medical School and SSPPS Courses</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> GME and other Graduate Courses</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Core Lecture series for GME</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Grand Rounds</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Electives</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Seminars</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> Resident Report</td> <td>3 Credits/Lecture Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> PBL Facilitation</td> <td>3 Credits/Contact Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td> POM Facilitation</td> <td>3 Credits/Contact Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Small Group, Laboratories and/or Workshops</td> <td>2 Credits/Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Other</td> <td>2 Credits/Teaching Hour</td> <td><input name="other" type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv6"> <Table class="ClinicalTable"> <caption> <b title="(SoM)Trainee is a Medical Student, Resident, Fellow, Graduate Student, or Post-Doctoral Fellow. (SSPPS)Trainee is a Pharmacy or Medical Student, Resident, Fellow, Graduate STudent, or Post-Doctoral Fellow.">6. Clinical Teaching (when trainees are present)- max 260 per year<sup class="noPrint">*</sup></b> </caption> <tr> <td>Inpatient or General Ward Attending</td> <td>15 Credits/Week</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Consult Attending</td> <td>10 Credits/Week</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Path., Rad., ED, Anesthesia Attending</td> <td>1 Credit/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Operating Room/Clinic Attending</td> <td>1 Credit/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td></tr> <tr> <td>Medical Student Ambulatory, Clerkships, Outreach Events Precepting</td> <td>2 Credits/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td></tr> <tr> <td>CPX Remediation Training</td> <td>1 Credit/Hour</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr><tr> <td>OSCE, Oral, or Practical Exam Participation</td> <td>3 Credit/Session</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> </Table> </div> <div id="apDiv7"> <Table class="AcademicTable"> <caption> <b>4. Academic Committees</b> </caption> <tr> <td>ISP Chair/Primary Mentor</td> <td>20 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td title="(SSPPS)Includes Secondary Project Advisors/mentors for Student, Resident, & Fellow Research Projects.">ISP Committee Member/Secondary Advisor<sup class="noPrint">*</sup></td> <td>5 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>PH. D. Committee Member</td> <td>12 Credits/Student/Year</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Minor Proposition Chair</td> <td>20 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> <tr> <td>Minor Proposition Member</td> <td>5 Credits/Student</td> <td><input type="text" value=0 size="3" autocomplete="off" /></td> </tr> </Table> </div> <div id="apDiv8"> <Table id="MEDEducation" class="showClass"> <caption> <b>7. Education Committee Service (credit commensurate with attendance)</b> </caption> <tr> <td>Chair: CEP, CCC, EC, GMEC, GPEC</td> <td>1 Credit/Meeting Hour (Max: 96 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Member: CCC, EC, GMEC, GPEC</td> <td>1 Credit/Meeting Hour (Max: 45 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> <tr> <td>Member: CEP</td> <td>1 Credit/Meeting Hour (Max: 20 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td> </tr> </Table> </div> <div id="apDiv9"> <Table id="SSPPSEducation" class="hiddenClass"> <caption> <b>7. Education Committee Service (credit commensurate with attendance)</b> </caption><tr> <td>Chair: CEP, CCC, EC, GMEC, GPEC, EPAOC/Faculty, Comp Exam, RAC, Research Coucil</td> <td>1 Credit/Meeting Hour (Max: 96 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td></tr><tr> <td>Member: CEP, CCC, EC, GMEC, GPEC, EPAOC/Faculty, Comp Exam, RAC, Research Coucil</td> <td>1 Credit/Meeting Hour (Max: 45 Cr/Year)</td> <td><input type="text" value=0 size="3" autocomplete="off"/></td></tr> </Table> </div></form><form id="otherForm"><div id="apDiv10"><Table class="secTable" border="1" style="table-layout:auto"> <tr> <th>Course Numbers or Names</th> <th>Student/Trainee Names</th> </tr> <tr> <td><textarea name="textarea" value="" autocomplete="off" id="courseNum"></textarea></td> <td><textarea name="textarea" value="" autocomplete="off" id="stuName"></textarea></td> </tr></table><table class="thirdTable" border="1" style="table-layout:auto "> <tr> <th class="lTextArea">Other Activities</th> </tr> <tr> <td><textarea name="textarea" value="" class="lTextArea" autocomplete="off" id="otherField"></textarea></td></table></div></form></body> tempTeaching.html
