Jump to content

Search the Community

Showing results for tags 'position'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 41 results

  1. 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.
  2. Possible with CSS/JS?? WITHOUT jQuery !!! Hi, I need a technique to have a special position of elements inside of scrolling elements. For instance: many words ordered alphabetically in a scrollable container beside the list appears the actual First Letter at the top level of the first word with this letter ...but max. at top of the scrollable box scrolling by user moves the next First Letter closer to the previous one and pushes it sometime out of the box WITHOUT jQuery !!! Thanks for your help. My base code: (without the needed functionality) <!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Mover</title> <style> body > div { width:200px; height:300px; overflow-y:scroll; border:1px solid red; } body > div > ul > li > div { float:left; width:50px; height:50px; background:#69c; } body > div > ul > li > p { margin-left:60px; } </style></head> <body> <div> <ul> <li> <div>A</div> <p>Anton</p><p>Anton</p><p>Anton</p><p>Anton</p><p>Anton</p><p>Anton</p> </li> <li> <div>B</div> <p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p><p>Berta</p> </li> <li> <div>C</div> <p>Clara</p><p>Clara</p><p>Clara</p><p>Clara</p><p>Clara</p><p>Clara</p><p>Clara</p><p>Clara</p><p>Clara</p> </li> </ul> </div></body></html>
  3. Hi everyone, I'll keep this short. And I appologise in advance because I'm sure this problem has been solved before (I just can't seem to figure it out). I am not great with HTML but I would say I'm decent. The first picture you can see my header goes the full 100% width. The second picture shows that if you minimize the browser so that you have to horizontally scroll that the header disappears behind the navigation. If you want you can go to my site now and test it out (It's still being created so bare with me). www.bbeckwithdesign.com I want the header to always be at the top with the navigation (not fixed where it stays at the top of the window, but instead at the top of the page) I want the header to always be 100% width of the page no matter what size. I guess I should also mention I want my navigation and title along with my main body to be relative where they stay centered on the screen (960px) One last thing, my favorite icon work on all browsers except for IE. Any code snippits that would take care of that??? Thanks for the help guys. Brad B.
  4. Hi all, I'd need to position two background-images in one element seperately.Is this possible in css3? E.g: I've got a div and two background images. Now I'd need to position them seperately. One images in the left, the other one in the right corner. Thanks! Raphael
  5. Hi all. I'm pretty new to web design with CSS, so bear with me if this is a really basic question. I'm having trouble getting my positioning right. Here's the webpage so far:http://studentaccess...site/index.html I want the tabs to sit on top of the image. Even though they are before the <div id="content"> part in my HTML, they are still overlapping the image, as you see.I also want them to be flush with the left edge of the image (which is centered). Here's the relevant part of the HTML:<body bgcolor="#EDEDED"> <div id="header"><p><span id="title"> AVA </span><br> my challenge for the 2013 year is to record one original song or musical piece per month.</p></div> <div id="Tabs"><ul><li><a href="Challenge.html">This month's song</a></li><li><a href="Compositions.html">Compositions </a></li><li><a href="Covers.html">Covers </a></li><li><a href="hire.html">Hire AVA to sing </a></li></ul> </div> <!– End of Tabs Div –> <div id="content"> <div id="Content_Area"><p>...the text...</p></div> <div id="followbox">links to RSS feeds, etc., here</div></div> <!-End of content-> </body> And the relevant CSS:body {font-family: "Mona Lisa Solid ITC TT","Modern No. 20",Garamond,Gabriola,serif;font-size: 1.4em;} #Tabs {display: block;position: relative;margin: 0;margin-right: auto;margin-left: auto;} #Tabs ul {padding: 0px;list-style-type: none;} #Tabs ul li {display: inline-block;clear: none;float: left;} #Tabs ul li a {position: relative;margin-top: 0px;display: block;margin-left: 5px;line-height: 1em;padding-left: 10px;background: #f6f6f6;border: 1px solid #ccc;border-bottom: 0px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;/* end of rounded borders */ width: 150px;height: 50px;color: #000000;text-decoration: none;font-style: italic;} #Tabs ul li a:hover {text-decoration: underline;} #content {background-image: url(images/bg_image_med.jpg);background-repeat: none;border: 1px solid #000000;height: 500px;width: 900px;margin-left: auto;margin-right: auto;} #Content_Area {padding: 15px;overflow: hidden;position: relative;width: 620px;height: 500px;overflow: hidden;} p { padding: 15px; } What am I doing wrong?Thanks in advance!
  6. Suncross

    Body Positioning

    I seem to be having problems positioning my background image and colors. body{background-color:#8e97a4;background-image:url(wi/bliner1.png);background-repeat:repeat-x; } That is the current code. Right there in chrome and firefox, the image "blinder1.png" is normal. However, as we all know, this is just going to repeat across the top of the page from left to right. Whenever I add the following stipulation background-position:bottom; it seems to warp the image to a fraction of its' size, let alone not align to the "bottom" of the page. Using the left, it still warps the image but not as much. The latent function, the image warping, is really not a main issue for me right now. I am really wondering how to properly align my image across the bottom of the page. I have used the search function, and searched for about an hour or more today but I havent seen any documentation anywhere about this happening. Can anyone help?
  7. I have run into a problem coding for a background image to be positioned absolutely to the top right of my column3 div container. I've attempted to give the image the following properties: position:absolute; top:0; right:0However, the image shows up, on the top left instead of top right. That said, the image is in a div that is floated left and has a z-index and therefore a position of relative. This is the only thing that I can figure to be causing the problem. If you think this is the problem, is there any way around it? If you don't think this is the problem, what might it be. On another note, something I hope you might help me understand is why the background-repeat:no-repeat; only works outside of the img style. I would expect it to work inside the img style, but instead it repeats. Thanks in advance for your help. Here is a link to the page http://aphoniastudio...2/about_ss.html and here is the css: @charset "UTF-8";/* CSS Document */ html {height:100%}body {background: #CCC;width: 95%;height: 95%;overflow: hidden;}a:link {color:#FFF; text-decoration:none;}a:visited {color:#FFF; text-decoration:none;}a:hover {color:#FFF; text-decoration:underline;}a:active {color:#FFF; text-decoration:none;}ul:active {background-color:#E1231E;}ul:visited {background-color:#E1231E;}.aboutlinks a:visited {color:#E1231E;}.aboutlinks {color:#E1231E; word-spacing:12px;}#container {float: left;font-family: Helvetica, Arial, sans-serif;font-size: .7em;text-align: left;height: 100%;width: 100%;padding: 0px;margin: 1px 2.1%;background-image: url(Images/conference1_ss.png);img {max-width: 100%;}background-size: 100%;background-repeat:no-repeat }#column1 {float: left;position: relative;width: 230px;height: 100%;max-height:700px;margin: 0px .5% 0px 7%;color: #FFF;font-size: .9em;overflow: hidden;}#column1 #header {padding:8px 4px;}#p {font-size:13px;position:absolute;bottom:100px;line-height: 17px;}#column1 #footer {background-color: #E1231E;padding: 8px;box-shadow:0px 3px 5px 0px #333333;margin-right: 5px;color: #FFF;position:absolute;bottom:0;}.stretch {max-width:100%; max-height:100%;}h1 {display:none}h3 {display:none}#column2 {float: left;width: 10%;height: 100%;color:#4D4D4D;font-size: .65em;font-weight:900;}nav {position: absolute;z-index: 2;background-color: #999;width: 10%;height: 100px;margin-top: 54px;padding: 2px 0px 5px 2px;box-shadow:3px 3px 5px 0px #333333;color: #FFF;}nav ul {display:block;list-style-type: none;margin: 10px;padding: 0px;line-height:65%;}#column3{float:left;margin-top: 54px;margin-bottom: 0px;background-color:#FFF;position: relative;z-index: 1;width: 30%;height: 80%;padding-top: 30px;padding-right: 2.8%;padding-bottom: 20px;padding-left: 5%;box-shadow:3px 3px 5px 0px #333333;overflow: auto;background-image: url(Images/triangle.png);background-repeat:no-repeat;img {position: absolute; right:0; top:0;max-width: 100%;}.aboutlinks {word-spacing: 2px;}#column4 {float: right;width: 20%;height:100%,padding: 0px;}#container #column2 nav ul li {}
  8. I have an overflow tag set in body element that is working on one div element, but not the other. Could it be caused by the fact that the second div has a z-index? I've tried placing the overflow directly in the <div id="column3">, which is where the overflow, is happening to no avail. Does anyone see the problem or have any tips? Thanks. I've posted a junk site, so you can see the problem. http://aphoniastudios.com/TestSite/test.html Here's the css: @charset "UTF-8";/* CSS Document */ <style type="text/css">html {height:100%}body {background: #CCC;width: 90%;height: 90%overflow: hidden;}a:link {color:#FFF; text-decoration:none;}a:visited {color:#FFF; text-decoration:none;}a:hover {color:#FFF; text-decoration:underline;}a:active {color:#FFF; text-decoration:underline;}#container {float: left;font-family: Helvetica, Arial, sans-serif;font-size: .7em;text-align: left;height: 100%;width: 100%;padding: 0px;margin: 1px 50px;background-image:url(Images/junk.png);background-size: 100%;background-repeat:no-repeat;}.stretch { width:100%; height:100%;}#column1 {float: left;width: 230px;height: 100%;margin: 0px 4px 0px 49px;color: #FFF;font-size: .9em;overflow: hidden;}#column1 #header {padding-right: 8px;padding-left: 8px;padding-top: 276px;padding-bottom: 16px;}#p {font-size:13px;line-height: 17px;}#column1 #footer {background-color: #E1231E;padding: 8px;box-shadow:0px 3px 5px 0px #333333;margin-right: 5px;color: #FFF;}h1 {display:none}h3 {display:none}#column2 {float: left;width: 0%;height: 100%;color:#4D4D4D;font-size: .75em;}nav {background-color: #999;position: relative;z-index: 2;width: 120px;height: 100px;margin-left: 0px;margin-right: 0px;margin-top: 54px;margin-bottom: 0px;padding: 2px 0px 5px 2px;box-shadow:3px 3px 5px 0px #333333;color: #FFF;}nav ul {margin: 10px;padding: 0px;}nav ul li {color: #FFF;text-decoration: none;list-style-type: none;line-height: 0.6em;font-size: 0.8em;font-style: normal;font-weight: 900;background-position: 0px 0px;}#column3{float:left;margin-top: 54px;margin-bottom: 0px;background-color:#FFF;position: relative;z-index: 1;width: 20%;padding-top: 30px;padding-right: 20px;padding-bottom: 20px;padding-left: 140px;box-shadow:3px 3px 5px 0px #333333;}.aboutlinks {word-spacing: 2px;color: #E1231E;}#column4 {float: right;width: auto;height:100%,padding: 0px;}</style>
  9. 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
  10. I have 2 questions, but first the most ununderstandable for me at the moment(both questions got to do with the same class div): 1. The font with the text at the right side - the divclass "sidebox" is changing to a smaller zise when on another page eventhough i have the same css file, and the same class and "p" in the html file! Why is this? ompare the file index51.html with beachflag.html, and also the css wich i am attaching aswell. 2. What do i need to write in the css for the "sidebox1, 2, 3" classes for them to be on the some spot on every page? I have tried with position absolute, and also without position - and just with float:right; and margin settings, but it still changes on every different page. On beachflag.html for example the 3 boxes are shown much lower to the bottom then on the index. beachflag.html index51.html pse5.css
  11. 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
  12. I've got the simple code to write out the text of the new position of the div: var posTeller = $('.movingDiv').position();$('span').text(posTeller.left) $(".buttonClass").click(function(){ $(".movingDiv").animate({left: '+=20'}, 500,function() { posTeller = $('.movingDiv').position(); $('span').text(posTeller.left); });}); However, I would like to have it update as it's moving. I will need this later so that an 'if' function can catch it at a certain value and stop the animation mid-way and call a new animation. I found the $.throttle plugin but I'm unsure how to implement it based off the examples. The end purpose is preventing a slide of thumbnails from going too far and 'bouncing back'. Throttle Plugin Thanks!
  13. I've been playing around with site making and through tutorials and such nothing "exactly" tells how to position anywhere you want, at least nothing I've seen. My site is here http://www.moonanbeings.com/I want it to be as you see now, but correctly. I'm using CSS to place that image center there and I don't think that's how it should be. It shouldn't be through CSS and it shouldn't be a background image. Having it like that is like my easy way out. So, how do I get that background image to be a regular image and center, center for every resolution?
  14. Hi there, maybe I've a very easy problem to solve, but I haven't found a solution yet.... I've downsized the problem to a easy page: http://benjamin.tauf.../frameless.html The problem here is: If I jump to an anchor (click middle in the #leftnav), my #content scrolls to far (the jump destination is not vissible)... I wan't the scrollbar, if the #content needs one Yes, I know I can preserve the overlay with z-index.. But I haven't add it, to keep the example as simple as possible. Has anybody done something similar or any hint? (Solution should work on FF) Regards,webbenny
  15. div#menu {margin: 0;width: inherit;height: 40px;background-color: #FF99CC;} div#menu ul {margin: 0;padding: 0;line-height: 40px;}div#menu li {margin: 0;padding: 0;list-style: none;float: right;position: relative;} div#menu ul li a {text-align: center;height: 40px;width: 200px;display: block;color: #FFFFFF;text-decoration: none;text-shadow: 1px 1px 1px #000;} div#menu li:hover {background: #FFFF66;} div#menu ul li a:hover {color: #FF0099} div#menu ul ul {visibility: hidden;}div#menu ul li:hover ul {visibility: visible;z-index: 9999;} div#menu li li {display: inline-block;} <div id="menu"><ul> <li><a href="">English Activities</a> <ul> <li><a href="">English Activities</a></li> <li><a href="">English Activities</a></li> <li><a href="">English Activities</a></li> </ul> </li> <li><a href="">Students' Works</a></li> <li><a href="">Teachers' Development</a></li> <li><a href="">About Us</a></li></ul></div> When I insert the submenu (second ul), the first ul (menu) which was floated right is now floated left. How can I fix this?
  16. ct34lf

    Css Float Pushed Down

    I miss the simplicity of tables, this is why css is a failure as a replacement: <div id="footer"> <div id="footerright"></div> <div id="footerimage"><a href="http://twitter.com/#!/k"><img src="t.JPG" alt="" width="34" height="39" border="0" /></a><a href="http://www.youtube.com/user/k"><img src="y.jpg" alt="" width="28" height="39" border="0" /></a><a href="http://kobalt7.deviantart.com"><img src="d.JPG" alt="" width="29" height="39" border="0" /></a><a href="http://www.facebook.com/pages/k><img src="f.JPG" alt="" width="32" height="39" border="0" /></a></div><div id="footerleft"></div></div> #footer{background-image:url("bottomiddle.JPG");background-repeat: repeat-x;margin:0;padding:0;overflow:hidden;background-color: #000000;height:115px;}#footerimage{width:123px; height:38px; margin: auto; text-align:center;}#footerleft{background-image:url("leftbottom.PNG"); background-repeat: no-repeat;float: left;height:115px;width:115px;}#footerright{background-image:url("rightbottom.JPG");background-repeat: no-repeat;float: right;height:115px;width:110px;} pretty simple right?Nope heres the issue:
×
×
  • Create New...