Split Screen: 2 parts of the page at once

I'm working on a long page - several hundred lines - and
would like to be able to split the screen so I can see two parts of
the page at once. Does anyone know how?
Thanks
Note: This is in Code View.

A few remarks:
- place the cfparam code lines out of the cfdocument tag;
- remove the link tag from within cfdocument. The link tag
may only appear in the head section of the page;
- remove the cfoutput tag. It is apparently unnecessary;
- remove the long comment lines . If you need to break the document up into
sections, use the cfdocumentsection tag. A previous thread contains
an
example of using cfdocumentsection and cfdocumentitem tags for
section and page flow.
added: You should consider installing the
Coldfusion
MX 7 hotfixes if you haven't done so yet. One of the fixes is
for cfdocument's text cut-off problems.

Similar Messages

How to I print a center footer which includes the word "Page" as part of the Page # of #?

I want to print out multiple pages when I go to a specific URL and I want to also print a custom center footer which actually prints out the word Page as part of the Page # of #, normally if you choose the specific Page # of # you only get printed out as an example 1 of 2, it does not cause the word Page to be included in the printout?
a

Hi Nes,
This is the second time you are posting a variation on this question.
I was about to so NO YOU CAN'T...
but then I thought...
It is possible to print just parts of a front panel but it is a lot easier to do the things others have suggested.
If you really want to print just a part of the FP you will have to do a lot of coding and the GUI will do some strange things in the process.
I will outline the process and leave the code as an exercise for the reader.
Using property nodes determine where on the FP the objects of interest are located.
Again using property nodes, move the objects around on the FP so that they are grouped together and sized such they fit on a printed page.
Using property nodes adjust the screen size origin etc so only
the objects of interest are now visable.
Using.....nodes print only the visable part of the screen.
Using....nodes put everything back where is was when you started!
Like I said, this is not easy.
The simplest solution was suggested by BJD who said group the objects of interest on a tab page, use an invoke node to get the image and then display it on the FP of a sub-VI set to print on completion. That method will let you quickly add new interesting objects to the print out without having to change the sub-VI.
Trying to help,
Ben
Ben Rayner
I am currently active on.. MainStream Preppers
Rayner's Ridge is under construction

The main part of the safari page is grey and won't respond/can't type in any commands. I can move back through the previous pages, and even open new ones via the URL, but can't get onto the main part of the page and I can't get onto the 9 page option. !?

The main part of the safari page is grey and won't respond/can't type in any commands. I can move back through the previous pages, and even open new ones via the URL, but can't get onto the main part of the page and I can't get onto the 9 page option. !?
Help, please.

Try clearing Safari's cache : Settings > Safari > Clear Cache (and Clear History)
If that doesn't work then try closing Safari completely and then re-open it : from the home screen (i.e. not with Safari 'open' on-screen) double-click the home button to bring up the taskbar, then press and hold any of the apps on the taskbar for a couple of seconds or so until they start shaking, then press the '-' in the top left of the Safari app to close it, and touch any part of the screen above the taskbar so as to stop the shaking and close the taskbar.
A third option is a reset : press and hold both the sleep and home buttons for about 10 to 15 seconds (ignore the red slider), after which the Apple logo should appear - you won't lose any content, it's the iPad equivalent of a reboot.

How do I copy different parts of the page into separate pdf files?

I have Adobe Acrobat 9 Pro and an assortment of very large pdfs that I want to make into about a thousand individual pdfs. The pages contain text and I want to be able to copy parts of the page into separate different pdfs. It would be really nice if I could split up the page into the required sections by highlighting all the different sections on the page and then save each section to individual pdfs all at once. Acrobat has so many features that I am hoping that it can do something like this. Thanks Anewbie282

With the number of pages you are talking about, there is no real easy solution. However, try extracting the page(s) you want in a new file. After the extracted file exists, try using the object select tool to remove the parts you do not want. You might find using the redaction tool to zero out the parts you don't want might work better. Unfortunately, a PDF is not a word processor type data file and the editing is likely not going to be easy.

How can I print just a part of the page and not the full page with Adobe Reader v 10.1.2?

how can I print just a part of the page and not the full page with Adobe Reader v 10.1.2? I need to print a engineering print with lot of information but information is too small in letter size and I don't have a plotter.

Two ways to print a portion of a page: zooming or using the Snapshot Tool.
ZOOMING:
Zoom into the area you want to print.
Click the Print icon.
Under "Pages to Print", make sure "Current view" is selected under "More options" (you may need to click "More options" to open it).
If you aren't satisfied with the preview, try clicking "Fit" under the Size button.
SNAPSHOT
Choose Edit > Take A Snapshot.
Drag a rectangle around the area you want to print.
Click the Print icon.
Under "Pages to Print", make sure that "Selected Graphic" is selected under "More options".
To enlarge the snapshot to fit the sheet of paper, choose "Fit" under the Size button.
Hope this helps!

In Pages, how can I make one page have one column on part of the page and two columns on part of the page?

What I am trying to achieve is a page with one column for all the text I write, but I also want to show two tables (one placed beside the other, not underneath the other) so on the part of the page where I am showing these tables, I would like to have two columns. Is this possible? Underneath the tables, there is more text that should be in one column only.

Use a layout break.

The toolbar in the adobe app that allows you to choose the brightness level and the page layout doesn't hide. Because of that, i of course am unable to read the top part of the page...[Android]

The toolbar in the adobe app that allows you to choose the brightness level and the page layout doesn't hide. Because of that, i of course am unable to read the top part of the page. I cannot find anything in the settings that will make it go away. What do i do? I use Samsung Ace.

What is the Acrobat DC version and the android version that you are running? You can find the Acrobat version here: How to find the Acrobat DC version installed on your Android device

Error When inserting Content Query Web part onto the page

i am using share point 2010 and when i am trying to insert content query web part onto the page i am getting the following error
i checked the correlation id in the logs file but could not find anything useful in it.
please suggest why this problem occuring everytime when i try to insert content query webpart onto the page

Hi,
Check the correlation id in your logging files are the best way to investigate.
Did you check these files with "SharePoint ULS Log viewer". Maybe, that will be more easy for you to get the correlation Id.
Moreover, check the account's permissions with which you try to insert your webpart.
Regards.
Gilles Martinez
Twitter
Blog
Please mark as helpful/answer if this resolved your post

I'd like to remove a thin line that is part of the page design in one of Aperture's photo books. I can't seem to make it happen. Any suggestions?

I'd like to remove a thin line that is part of the page design in one of Aperture's photo books. I can't seem to make it happen. Any suggestions?

The mouse that came with my Mac does not have a right click feature. When I try to highlight and click, it just opens the link I don't want anymore. What I want to do is remove unwanted links from the top bar. For example, I no longer use GoodSearch or myEarthLink, but I can't delete them. There are also some links that never should have found their way up there, and I don't know how they ended up there, and I can't remove them either. I've read through a ton of questions and answers, and I can't find one that addresses the problem. With my Safari browser, all I have to do to remove an unwanted link is to click and drag it to the trash. It doesn't appear to work that way with Firefox, to my chagrin. I hope this better explains my question. Maybe that will give you a better insight into a solution.

Opening iTunes from Windows XP desktop - can only see part of the page

I have installed and uninstalled the latest iTunes on my Toshiba laptop with Windows XP with a webshots wallpaper. Only part of the page comes up. Can anyone help me with why only part of the page comes up. I'm very frustrated.

Open the Control Panel, click on Displays, and change the monitor's resolution to at least 1024 by 768.
(37316)

My University email uses outlook and firefox will not let the page open once i log into the university login. It used to work, but now just shows a completely white tab. My email works fine in other browsers. Why?

My University email uses outlook and firefox will not let the page open once i log into the university login. It used to work, but now just shows a completely white tab. My email works fine in other browsers. Why?

Make sure that you haven't left a profiles.ini file.
* http://kb.mozillazine.org/profiles.ini_file
*http://kb.mozillazine.org/Profile_folder_-_Firefox

In which part of the page i can write java script

Hi
I'm new with ADF and web development
I have a java script function that show a tooltip.
This is the function:
*function positionTip(evt) {*
*     if (!tipFollowMouse) {*
*          standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body*
*          mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;*
*          mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;*
*     // tooltip width and height*
*     var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;*
*     var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;*
*     // document area in view (subtract scrollbar width for ns)*
*     var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;*
*     var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;*
*     // check mouse position against tip and window dimensions*
*     // and position the tooltip*
*     if ((mouseX+offX+tpWd)>winWd)*
*          tipcss.left = mouseX-(tpWd+offX)+"px";*
*     else tipcss.left = mouseX+offX+"px";*
*     if ((mouseY+offY+tpHt)>winHt)*
*          tipcss.top = winHt-(tpHt+offY)+"px";*
*     else tipcss.top = mouseY+offY+"px";*
*     if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);*
My ADF page source code is
*<?xml version = '1.0' encoding = 'windows-1252'?>*
*<page xmlns="http://xmlns.oracle.com/uix/controller"*
xmlns:ui="http://xmlns.oracle.com/uix/ui"
xmlns:data="http://xmlns.oracle.com/uix/ui"
xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
xmlns:html="http://www.w3.org/TR/REC-html40" expressionLanguage="el"
xmlns:myTemplate="selfservice">
*<templates xmlns="http://xmlns.oracle.com/uix/ui">*
*<templateImport source="mainTemplate.uit"/>*
*</templates>*
*<content>*
*<dataScope xmlns="http://xmlns.oracle.com/uix/ui">*
*<provider>*
**
*</provider>*
*<contents>*
*<document>*
*<metaContainer>*
**
*<head title="General Manager"/>*
*</metaContainer>*
*<contents>*
*<body>*
*<contents>*
*<form name="form0">*
*<contents>*
*<myTemplate:SelfService title="General Manager">*
*<contents/>*
*<tabs/>*
*<pageButtons/>*
*<globalButtons/>*
*<pageHeader/>*
*<start/>*
*<end/>*
*<about/>*
*<copyright/>*
*<privacy/>*
*<corporateBranding/>*
*<productBranding/>*
*</myTemplate:SelfService>*
*<formValue name="${bindings.statetokenid}" value="${bindings.statetoken}" id="_uixState"/>*
*<table model="${bindings.HrsVEmpPhonesView1}" id="HrsVEmpPhonesView13" partialRenderMode="multiple" partialTargets="_uixState" showAll="yes" width="900">*
*<contents>*
*<column>*
*<columnHeader>*
*<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'EmpNameAr')}"/>*
*</columnHeader>*
*<contents>*
*<textInput model="${uix.current.EmpNameAr}" columns="10" readOnly="true" onMouseOver=""showTooltip(event,'This is a tooltip with a transparent shadow effect. Can you see the letters underneath the shadow?');return false""/>*
*</contents>*
*</column>*
*<column>*
*<columnHeader>*
*<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'JobDescr')}"/>*
*</columnHeader>*
*<contents>*
*<textInput model="${uix.current.JobDescr}" columns="10" readOnly="true"/>*
*</contents>*
*</column>*
*<column>*
*<columnHeader>*
*<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'PhoneExt')}"/>*
*</columnHeader>*
*<contents>*
*<textInput model="${uix.current.PhoneExt}" columns="10" readOnly="true"/>*
*</contents>*
*</column>*
*<column>*
*<columnHeader>*
*<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'CntCellPhone')}"/>*
*</columnHeader>*
*<contents>*
*<textInput model="${uix.current.CntCellPhone}" columns="10" readOnly="true"/>*
*</contents>*
*</column>*
*<column>*
*<columnHeader>*
*<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'CntHomePhone')}"/>*
*</columnHeader>*
*<contents>*
*<textInput model="${uix.current.CntHomePhone}" columns="10" readOnly="true"/>*
*</contents>*
*</column>*
*<column>*
*<columnHeader>*
*<sortableHeader model="${ctrl:createSortableHeaderModel(bindings.HrsVEmpPhonesView1,'IaigcEmail')}"/>*
*</columnHeader>*
*<contents>*
*<textInput model= "${uix.current.IaigcEmail}" columns="10" readOnly="true"/>*
*</contents>*
*</column>*
*</contents>*
*<tableSelection/>*
*</table>*
*</contents>*
*</form>*
*</contents>*
*</body>*
*</contents>*
*</document>*
*</contents>*
*</dataScope>*
*</content>*
*<handlers>*
**
*<event name="goto sort" source="HrsVEmpPhonesView13">*
*<invoke method="handleTableUiEvent" javaType="oracle.cabo.adf.rt.AdfUtils">*
*<parameters>*
*<parameter javaType="oracle.adf.model.binding.DCIteratorBinding" value="${bindings.HrsVEmpPhonesView1Iterator}"/>*
*<parameter javaType="oracle.cabo.servlet.expl.ControllerImplicitObject" value="${uix}"/>*
*</parameters>*
*</invoke>*
*</event>*
*<event name="select" source="HrsVEmpPhonesView13">*
*<set target="${bindings.HrsVEmpPhonesView1Iterator}" property="currentRowIndexInRange" value="${ui:tableSelectedIndex(uix, 'HrsVEmpPhonesView13')}"/>*
*</event>*
*</handlers>*
*</page>*
I want to add this function to my page
In which part exactly i can write this function
thanks in advance

To add to this, if you prefer you can separate your JavaScript from your JSF pages.
Add a folder (I named mine 'js') to your application's ViewController project's public_html folder.
Via JDeveloper, create a new JavaScript file inside your newly created folder and place your JavaScript functions inside it.
You can then 'load' the .js file using the method Shantala described, with the addition of an added 'source' property to the af:reference tag.
(This can also be a URI reference to a JavaScript file hosted on a web server)
<f:facet name="metaContainer">
<af:resource source="/js/myJsFile.js" type="javascript"/>
</f:facet>The benefits of this 'split' are cleaner JSF page source and also code-highlighting and formatting within the .js file making finding and fixing bugs in your JavaScript much easier.
It appears however, that when using <af:resource> to load scripts, once the page has been submitted even once, the JavaScript is no longer available to the page. Which isn't very useful.
A solution is to use <trh:script>.
Add xmlns:trh="http://myfaces.apache.org/trinidad/html" to your <jsp:root> tag and install the library.
then in place of the above code use:
<f:facet name="metaContainer">
<trh:script id="script1" source="/js/myJsFile.js"/>
</f:facet>Now after a page submit the JavaScript still functions.
Edited by: Matthew Carrigy on 12/08/2009 10:39

Preview prints lose the bottom part of the page

Yesterday, after doing an update (which only updated iTunes, so it's probably not what caused the problem), I found that all print jobs from Preview (and a few other programs that I've tried) are missing roughly the bottom 1 cm of the page. I've grovelled through all the settings and preferences that I can find, and I've made various other things change, but no matter what I do, nothing makes the bottom line of text appear on the paper.
Preview shows all the text, including the bottom line, and when I use the "PDF" button to "Open PDF in Preview", it shows the page with the bottom text. But when I print the page, the bottom line is blank.
The printer is remote, controlled by CUPs on a machine down the hall. When I scp a PDF file to the server and print it there, it prints fine, and the bottom lines are always included. Then when I go back to my Macbook Pro and print exactly the same PDF file on the same printer, the bottom line is again missing. This shows that it's not a problem with the printer or the server's CUPS software; it's gotta be something on my Macbook Pro that changed.
The usual disclaimer applies: I haven't (knowingly ;-) changed any print-related setting recently. (We've all heard that one before, right? ;-) Since the problem appeared, I've of course changed lots and lots of settings, trying to find something that affects the problem. But the most recent change before this problem appeared was a couple of months ago (when another upgrade broke all remote printing, and I had to delete all the printers and reinstall them).
A possible clue is that, when I use Safari to load a PDF from http://localhost/..., the page shows as usual, and I get the same drop-down from CMD-P that shows a preview that has the entire page. But when I print it, the entire page is shifted vertically so that the top title line of text is missing - and the bottom line has only its upper half, with the bottom part of all the characters missing. Again, the blank strip at the bottom is roughly 1 cm. Actually, a quick check with a ruler says that it's 12 mm. But I don't know how to use this info, or how to tell Safari to fix the missing title line. The missing bottom half of the bottom line seems to say that it's not that the PDF has something wrong that suppresses the text entirely; it would seem to say that somebody is deciding to impose a 12-mm bottom border for some unknown reason.
Any idea where I should look to fix this problem? Is there a relevant troubleshooting guide somewhere that I should know about?
(It sure would be nice to have a known way to say "Just print exactly what's on the Preview page; don't try to do anything clever with it." ;-)

That doesn't sound quite right. Tests on the server shows that the printer (HP L7680) can in fact print up to within 3 mm of its edges. The test pages show this, and assorted tests with "real" PDF pages in the past have verified it. It worked from my Macbook up to a few days ago, and tests from the server show that the printer hasn't lost the ability to print close to the edges. In fact, my wife printed a page from her iMac a while ago, and it showed stuff (images and border lines) up to about 4 mm from the edges. It's only from my Macbook Pro that suddenly the bottom 12 mm gets blanked out.
Actually, I did try a test from the server with the "borderless" setting. The software enlarged the image to be bigger than the page, for some reason that I don't understand, but the result was that the printer printed right up to the very edge of the paper; there was ink visible on the edge of the sheet. So the idea that the printer "can't" print close to the edge is wrong. The printer doesn't have a problem here; it's being told by some software on my Macbook Pro to blank out the bottom edge.
I just tried another test of this: I told Preview on the Macbook to print the page at "Scale: 120% ", and checked "No automatic page scaling". Preview showed the text going off the page at the top and right edge, The ink stopped about 3 mm from the top and right edges. But the bottom 12 mm, including the bottom line of text, was blanked out. This, plus the tests on the server, shows that the printer can print up to 3 mm from the edge of an 8.5x11 inch page. And earlier tests that produced the bottom line with only the top half of the characters shows that it isn't just dropping the bottom line; Something on the Macbook is explicitly blanking out the bottom 12 mm (but not doing the same on the top and right edges.
And whatever is doing it doesn't happen on my wife's iMac; she can print close to the bottom edge.
I'm now wondering if I should uninstall the printer on the Macbook, and see if I can reinstall it to match the iMac's settings. But if the problem is something in the Macbooks system libraries that's forcing the 12-mm bottom margin, that probably won't work, either, and the "Letter" paper size settings presumably come from some library file, because it won't permit me to change those numbers.
Anyway, I'll try your suggestions, probably in the morning, and see what happens.
About the Borderless type: I find that when I try setting the Paper Size to "US Letter", it gives me another menu, with "US Letter" and "Borderless 8.5 x 11 in." entries. If I choose the Borderless, it pops up a window with a warning that this is only allowed for HP Premium Plus Photo Paper, which is in what it's set to. It says it's "not available when Paper Type is set to Plain Paper", which it won't allow me to do. (That choice is greyed out.) It seems odd that it would warn me that it won't work for a setting that it won't let me use anyway, and say that I must use the setting that I am using. Anyway, I've tried this "Borderless 8.1 x 11 in." setting, and it comes out the same as the "US Letter" choice, with the bottom 12 mm blank. Both print to nearly the top and right edge if I set the Scale to 120%.
(And that damned "Automatically rotate each page" is checked again. ;-)

How to hyperlink a word to a bottom part of the page

I have a page full of information
at the top i have two words: Dentistry and Orthodontics. The dentistry information is at the top of the page and the orthodontics information
is at the bottom of the page.
How do i hyperlink the word Orthodontics to make it when i click on it, it will take me to where orthodontics starts on the page.
SOruce code and CSS follow below:
Source code:
<strong></strong><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Distillate   by Free CSS Templates</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.gallerax-0.2.js"></script>
<style type="text/css">
body {
          background-image:url(images/Grey%20background.jpg);
          background-repeat: repeat;
</style>
</head>
<body>
          <div id="header-wrapper">
                    <div id="header">
                              <div id="logo">
                              <img src="images/smile again black logo.jpg"/>
                              </div>
                    </div>
          </div>
          <div id="page">
                    <div id="page-bgtop">
                              <div id="page-bgbtm">
                                <div id="content">
                                          <div>
                                            <div id="gallery"></div>
                                            <script type="text/javascript">
                                                  </script>
                                            
                                    </div>
                <div class="post">
                  <h2 class="title"><a href="#"><center> Services:</center></a></h2>
                    <p class="meta">                     </p>
                    <div class="entry">
                      <p>Dentistry:<h2>Invisalign: </h2></p>
                      <center><img src="images/Invisalign-vs-Braces-300x212.jpg"/></center>
                      <p> </p>
                      <p>          Is another treatment option for people who seek unobtrusive orthodontic treatment. Instead of brackets bonded to the tooth, dental treatment is mapped out through a series of plastic dental trays designed to move the teeth in incremental movements over weeks. The clear, plastic trays are virtually invisible and are difficult to detect. With Invisalign there is no irritation to the gums and they can be removed for aesthetic reasons over small periods of time.
                      Invisalign is a solution for patients who are not in need of severe orthodontic treatment and is not a solution for everyone. In some cases, patients may require additional treatment if they have more dental malocclusions. Please schedule a consultation today if you want to find out if you are a candidate for Invisalign. </p>
          <h2>Dental Implants:</h2></p>
    <center>
      <p><img src="images/Dental Implants.jpeg"/></p>
      <p> </p>
    </center>
                      <p>For patients who have missing teeth, dental implants could be the best treatment available. Dental implants perform similar to natural teeth. If you have healthy gums and bone, a dental implant can be placed into your jaw. Once the tissue have grown around the implant, a strong, artificial tooth designed to match your existing teeth can be attached to the dental implant . The replacement tooth will look and function similar to a natural tooth.
Endodontics (root canal therapy),
is a treatment for the pulp of a tooth which results in the elimination of infection and protection of the tooth from future microbial invasion
Common reasons for Root Canal therapy include:
- Decay has reached the nerve,
- A cracked or chipped tooth can cause the need for a root canal if the crack exposes a nerve
- trauma causes the nerve to separate from the tooth.
With the removal of nerves and blood supply from the tooth, it is best that the tooth be fitted with a crown which increases the prognosis of the tooth.
</p><h2> Tooth-Colored Fillings:</h2>
                      <center><img src="images/Toothcoloredfilling.jpeg"/></center>
                      <p> </p>
                      <p>The same material used to create porcelain veneers, crowns, and bridges is also being utilized for more common treatments like cavity fillings. because tooth-colored fillings are made from materials similar in texture and color to natural teeth, teeth with white fillings are virtually indistinguishable from surrounding teeth.</p>
                      <h2>Dental Veneers:</h2>
                      <center><img src="images/veeners3.jpeg"/></center>
                      <p> </p>
                      <p>Veneers are thin, artificial tooth shells made from porcelain or tooth colored resin, custom fitted to bond to the front of your existing teeth. Veneers are safe and relatively simple to apply, and they can be used to correct stained, chipped, cracked, misaligned, and discolored teeth.
Veneers can also add tooth length, width, color and esthetic shape. Veneers can reshape your smile in as little as two appointments.
</p>
                      <h2>Crowns:</h2>
                      <center><img src="images/Crowns.jpeg"/></center>
                      <p> </p>
                      <p>Teeth that are badly weakened by decay or trauma may require more treatment than basic fillings. Chipped, cracked, weakened, or decaying teeth can be strengthened with crowns, which cover (cap) the entire tooth.
Now made with porcelain or other tooth colored material, crowns or bridges can be as pleasing aesthetically as they are functionally.
</p>
                      <h2>Bridges:</h2>
                      <center>
                        <p><img src="images/Bridges.jpeg"/></p></center>
                        <p>When one or more teeth are missing, the remaining teeth can shift out of their normal position. Teeth adjacent to the space or from the opposite jaw will often drift or tilt. These teeth are often more susceptible to decay or gum disease because they are more difficult to clean around.
All of this shifting and drifting will lead to changes in the bite, which may put stress on the jaws, muscles and teeth. Ultimately, your ability to chew comfortably and your appearance may be affected.
A non-removable bridge can restore your teeth to normal function by replacing missing teeth. It will improve the entire health of your mouth by keeping the surrounding teeth in position and can also help maintain the structure of your face and jaw.</p>
                        <p>Dental Implants</p>
</center>
                      </p>
                  </div>
                </div>
                                </div>
                                        <h3>
                                </h3>
                                        <div id="sidebar">
                                                  <ul>
                              <div style="clear: both;"> </div>
                                                    <li>
                                                                      <h2>Smile!</h2>
                                                                      <p>We love to see our patients Smile!</p>
</li>
                                                    <li>
                                                              <h2>Categories</h2>
                                                              <ul>
                                                                        <li><a href="index.html">Home</a></li>
                                                                        <li><a href="about.html">About Us</a></li>
                                                                        <li><a href="services.html">Services
                              -dentistry</a> </li>
                                                                        <li><a href="location.html">Office Location</a></li>
                                                                        <li><a href="contact.html">Contact Us</a></li>
                                                              </ul>
                                                            </li>
                                                            <li>
                                                                      <h2> </h2>
                                                            </li>
                                                            <li>
                                                              <h2>Doctor Tallal Aswaad</h2>
                                                              <ul>
                                                                <li><img src="images/DrTallal jpeg.jpg"/></li>
                                                                </ul>
                                                    </li>
                                                    </li>
                                                  </ul>
                                        </div>
                                        
                                        <div style="clear: both;"> </div>
                              </div>
                    </div>
          </div>
          
<div id="footer">
          <p>Copyright (c) 2011 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>

</body>
</html>
Css:
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
body {
          margin: 0;
          padding: 0;
          background: ;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 12px;
a
          color: #787878;
          color: #FFF;
h1, h2, h3 {
          margin: 0;
          padding: 0;
          font-weight: normal;
          color: #000;
h1 {
          font-size: 2em;
h2 {
          font-size: 2.4em;
          color: #FFF;
h3 {
          font-size: 1.6em;
          color: #FFF;
p, ul, ol {
          margin-top: 0;
          line-height: 180%;
          font-size: 12px;
          color: #FFF;
ul, ol {
a {
          text-decoration: none;
          color: #CCC;
a:hover {
          color: #FFC019;
#wrapper {
          width: 960px;
          margin: 0 auto;
          padding: 0;
/* Header */
#header-wrapper {
          height: 90px;
          background: #000;
          border-bottom: 5px solid #F7811D;
          font-size: 10px;
#header {
          width: 940px;
          height: 40px;
          margin: 0 auto;
/* Logo */
#logo {
          float: left;
          margin: 0;
          padding-top: 18px;
          color: #000000;
#logo h1, #logo p {
          margin: 0;
          padding: 0;
#logo h1 {
          float: left;
          letter-spacing: -1px;
          text-transform: inherit;
          font-size: 3.8em;
          color: #FFF;
#logo p {
          float: left;
          margin: 0;
          padding: 26px 0 0 10px;
          font: normal 14px Georgia, "Times New Roman", Times, serif;
          font-style: italic;
          color: #FCF2D9;
#logo a {
          border: none;
          background: none;
          text-decoration: none;
          color: #FCF2D9;
/* Search */
#search {
          float: right;
          width: 280px;
          height: 60px;
          padding: 20px 0px 0px 0px;
          background: #F7811D;
          border-bottom: 4px solid #FFFFFF;
#search form {
          height: 41px;
          margin: 0;
          padding: 10px 0 0 20px;
#search fieldset {
          margin: 0;
          padding: 0;
          border: none;
#search-text {
          width: 170px;
          padding: 6px 5px 2px 5px;
          border: none;
          background: #FFFFFF;
          text-transform: lowercase;
          font: normal 11px Arial, Helvetica, sans-serif;
          color: #5D781D;
#search-submit {
          width: 50px;
          height: 23px;
          border: 1px solid #FFE93B;
          background: #FFE93B;
          font-weight: bold;
          font-size: 10px;
          color: #F7811D;
/* Menu */
#menu {
          width: 940px;
          height: 49px;
          margin: 0 auto;
          padding: 0;
#menu ul {
          margin: 0;
          padding: 0;
          list-style: none;
          line-height: normal;
#menu li {
          float: left;
#menu a {
          display: block;
          width: 155px;
          height: 33px;
          padding-top: 16px;
          text-decoration: none;
          text-align: center;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: bold;
          color: #FFFFFF;
          border: none;
#menu a:hover, #menu .current_page_item a {
          text-decoration: none;
#menu .current_page_item a {
          padding-left: 0;
          color: #30476A;
/* Page */
#page {
          width: 940px;
          margin: 0 auto;
          padding: 0;
#page-bgtop {
          padding: 20px px;
#page-bgbtm {
/* Content */
#content {
          float: right;
          width: 620px;
          padding: 30px 0px 0px 0px;
.post {
          margin-bottom: 15px;
.post-bgtop {
.post-bgbtm {
.post .title {
          margin-bottom: 10px;
          padding: 12px 0 0 0px;
          letter-spacing: -0.5px;
          color: #FFFFFF;
.post .title a {
          color: #FFFFFF;
          border: none;
.post .meta {
          height: 30px;
          margin: 0px;
          padding: 0px 0px 0px 0px;
          text-align: left;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: normal;
          font-style: italic;
.post .meta .date {
          float: left;
          height: 24px;
          padding: 3px 0px;
          color: #F47227;
.post .meta .posted {
          float: right;
          height: 24px;
          padding: 3px 15px;
          background: #567EDC;
          color: #F47227;
.post .meta a {
          color: #FFFFFF;
.post .entry {
          padding: 0px 0px 20px 0px;
          padding-bottom: 20px;
          text-align: justify;
          color: #FFFFF2;
.links {
          padding-top: 20px;
          font-size: 12px;
          font-weight: bold;
.post a {
          text-decoration: underline;
/* Sidebar */
#sidebar {
          float: left;
          width: 280px;
          padding-top: 0px;
          color: #999999;
#sidebar ul {
          margin: 0;
          padding: 0;
          list-style: none;
#sidebar li {
          margin: 0;
          padding: 0;
#sidebar li ul {
          margin: 0px 0px;
          padding-bottom: 30px;
#sidebar li li {
          line-height: 35px;
          border-bottom: 1px dashed #D1D1D1;
          margin: 0px 30px;
          border-left: none;
#sidebar li li span {
          display: block;
          margin-top: -20px;
          padding: 0;
          font-size: 11px;
          font-style: italic;
#sidebar h2 {
          height: 38px;
          padding-left: 30px;
          letter-spacing: -0.5px;
          font-size: 1.8em;
          color: #FFFFFF;
#sidebar p {
          margin: 0 0px;
          padding: 0px 30px 20px 30px;
          text-align: justify;
#sidebar a {
          border: none;
#sidebar a:hover {
          text-decoration: underline;
          color: #FFFFFF;
          font-style: oblique;
/* Calendar */
#calendar {
#calendar_wrap {
          padding: 20px;
#calendar table {
          width: 100%;
#calendar tbody td {
          text-align: center;
#calendar #next {
          text-align: right;
/* Footer */
#footer {
          height: 50px;
          margin: 0 auto;
          padding: 0px 0 15px 0;
          background: #000;
          border-top: 5px solid #F7811D;
          font-family: Arial, Helvetica, sans-serif;
#footer p {
          margin: 0;
          padding-top: 20px;
          line-height: normal;
          font-size: 10px;
          text-transform: uppercase;
          text-align: center;
          color: #FFFFFF;
#footer a {
          color: #FFFFFF;
#gallery-background {
          width: 620px;
          height: 360px;
          margin-bottom: 10px;
          background: #FFFFFF;
#gallery-bgthumb {
          width: 620px;
          height: 120px;
          background: #FFFFFF;
#gallery
          width: 620px;
          margin: 0 auto;
#gallery img.output
          width: 600px;
          height: 340px;
          padding: 10px 0px 0px 10px;
#gallery span.caption
          display: block;
          margin: 1em 0 0 0;
          font-weight: bold;
          font-size: 1.25em;
#gallery span.caption2
          margin: 1em 0 1em 0;
          display: block;
#gallery ul.nav
          width: 100%;
          list-style: none;
          margin: 0 0 3em 0;
          padding: 0;
#gallery ul.nav li
          margin: 0 1em 1em 0;
          float: left;
#gallery ul.thumbnails
          width: 100%;
          list-style: none;
          margin: 0;
          padding: 10px 0px 0px 6px;
#gallery ul.thumbnails li
          margin: 0 0.5em 1em 0.5em;
          float: left;
#gallery ul.thumbnails li img
          width: 128px;
          height: 88px;
          border: solid 6px #E6D9B7;
          cursor: pointer;
#gallery ul.thumbnails li img.active
          border: solid 6px #BDAF8C;
.entry p {
          color:#FFF

Use Named Anchors.
<a name="ortho">This is a named anchor point on the page</a>
<a href="#ortho">This is a link to a named anchor</a>
If you want to get fancy, you can apply smooth scrolling to your anchors.
alt-web.com/DEMOS/SmoothScroll.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Why is a css 'display:inline;' command not working in one part of the page when it does in another?

I am trying to set my navigation links to be in a line rather than a column after setting them up as an Unordered List. I have already done it for the social network icons but the same css command just won't apply itself for the navigation. Any help would be appreciated.
Here is a copy of the page followed by the relevent protion of the css file, the problem occurs with the styles.css applying to the 'topnav' section:
<!DOCTYPE HTML>
<html>
<head>
    <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen">
    <link href="css/print.css" rel="stylesheet" type="text/css" media="print">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-type" content="cache" />
    <meta name="robots" content="INDEX, FOLLOW" />
    <meta name="keywords" content="Enter Keywords" />
    <meta name="description" content="Description Here" />
    <title>Hittite Education by Weirdbeardink</title>
</head>
<body>
<div id="outer">
    <div id="wrapper">
        <div id="logo">
            <ul>
                <li><img src="images/Logo-2.jpg" /></li>
           </ul>
        </div>
        <div id="social-media-icons">
            <ul>
                <li><a href="http:/www.facebook.com"><img src="images/icons/facebook-icon.png" /></a></li>
                <li><a href="http:/www.twitter.com"><img src="images/icons/twitter-icon.png" /></a></li>
                <li><a href="#"><img src="images/icons/rss-icon.png" /></a></li>
            </ul>
        </div>
        <div id="topnav">
            <ul>
                <li><p><a href="index.html">HOME</a></p></li>
                <li><p><a href="about.html">ABOUT</a></p></li>
                <li><p><a href="contact.html">CONTACT</a></p></li>
            </ul>
         </div>
        <div id="topstripe">
            <ul>
                <li><img src="images/stripe.jpg" /></li>
            </ul>
        <div id="picture">
            <ul>
                <li><img src="images/coverpic500px.jpg" /></li>
            </ul>
        </div>
        <div id="content">
            <ul>
                <li><h1>Introduction</h1></li>
                <li><p>This is a unique project undertaken to teach important social topics using sport as the vehicle. Sporting and comedy clips are interspersed with filmed interviews with people like Paul Collingwood, Gary Lineker, Ed Leigh, Faye White and many others. They home in on topics such as teamwork, respect, rules, & money, and they use the pupils' experiences of sport to teach really important lessons about life.</p></li>
             </ul>
        </div>
        <div id="bottomstripe">
            <ul>
                <li><img src="images/stripeflip.jpg" /></li>
            </ul>
        </div>
        <div id="footer">
            <ul>
                <li><p>Copyrite 2011 Hittite Education | All rites reserved</p></li>
            </ul>
        </div>
     </div>
</div>
</body>
</html>
Here is the portion of the styles.css that works (#social-media-icons) and the portion that doesn't (#topnav):
#social-media-icons         { float:right; }
#social-media-icons ul li   { display:inline; }
#social-media-icons ul      { margin-top:100px; }
#topnav                { clear:both; }
#topnav                { width:700px; margin: 0 auto; background-color:#FFF; }
#topnav ul             { padding:10px; }
#topnav ul li          { display:inline; }     
#topnav ul li a        { padding:0 15px;}
#topnav    a:link            {color:#000; }
#topnav    a:visited        {color:#000; }
#topnav    a:active        {color:#000; }
#topnav    a:focus            {color:#666; }
#topnav    a:hover            {color:#F38E00; }

No need to answer this one as I have had a relpy on another forum. I had <p> tags in the unordered list. Once I took them out it all worked fine

Split Screen: 2 parts of the page at once

Similar Messages

Maybe you are looking for