Font placement changing with different window resolution

I am editing a site with 1366x720 resolution, I am placing
text on top of an image, it looks fine, if i change my resolution
or look at it from a different computer it is way off. Anybody know
how to fix this?

I think you need to create a container div & make the
image the background with relative positioning. Then inside the
container, another div for your nav.
the body should look like this:
<body>
<div id="container">
<div id="nav">
<a href="about.html">about us</a>
<a href="portfolio.html">portfolio</a>
<a href="packages.html">packages</a>
<a href="contact.html">contact</a>
</div>
</div>
</body>
The container style should be (put this in the <head>
section):
<style type="text/css">
#container {
margin: auto; /* To center */
background: url(test.jpg);
position: relative; /* to allow position relative to the
container */
#nav {
position: relative;
top: XXXpx; /* Change XXX & YYY until it's positioned
correctly */
left: YYYpx;
#nav a {
padding: WWWpx ZZZpx; /* WWW for top & bottom padding,
ZZZ for distance between the link text
color: #<pick-a-color>; /* the color of the text */
text-decoration: none; /* if you don't want the links
underlined */
#nav a:hover {
text-decoration: underline; /* underline the link when they
mouseover - you can add a diff color like above if you want */
</style>
Tweak these variables until the position comes out correctly.
You may need to set the width and height in the container,
but it should size to the image.
This way, the placement is relative to a fixed object and
won't be affected by resolution.
Sorry if I seem to be in a rush, but I need to leave work
shortly and have thrown this together quickly. This is one way to
do this. There are several options. Probably best to stay away from
AP Divs. It's easy to get into AP div hell! I'll try to check in
later tonight.
Best of luck!

Similar Messages

  • Displaying remote panel on different screens with different screen resolution

    Hi
    I am running a vi on the PXI . But when i try to open the remote panel it gets shifted on different screens
    with different screen resolution. I have tried to set the windows run time position using the vi properies
    but to no avail. Can anyone help me on this issue??????
    Regards
    Amit Ahuja

    What is your lv version?

  • Same object size (front panel) with different screen resolution

    Hi everybody,
    I realised an application, and I try to instal it on various computer. The probleme is that they haven't the same screen resolution, so the front panel is not the same on each computer. It is possible to build an application which have the same front panel with different screen resolution ?
    Kriss.

    Hi Krisss,
    switch off any "adapt to screen resolution" switches in the VI properties...
    You should also define "same front panel" and "same object size"! Do you mean the same pixel size or size in mm or size in percent of screen?
    Best regards,
    GerdW
    CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
    Kudos are welcome

  • Wire Aligment with Different Screen Resolutions

    I've noticed that block diagram wire positions/alignments can change, sometimes significantly, in moving to monitors with different resolutions.  There's a ton of information about maintaining proportions on the front panel as resolution changes, but I can't find how to mitigate the issue with wires on the block diagram.  Does anybody know how best to handle this?
    Thanks!
    Solved!
    Go to Solution.

    I've never noticed the block diagram change due to screen resolutions.  I have seen issues like this when changing system fonts.  For instance, going from XP to Win7 meant going to Aero font, which is a bigger font than whatever XP used for its default system font.
    There are only two ways to tell somebody thanks: Kudos and Marked Solutions
    Unofficial Forum Rules and Guidelines

  • Windows Authentication Kerberos - Logon with different windows user

    I've successfully set up Windows Integrated Authentication/SPNego/Kerberos logon on my portal.  Now when I launch the portal from a workstation I am logged on automatically with my Windows userid without needed to provided userid and password again - very happy!
    When I press logoff the portal returns to the logon screen, sees that I've got a kerberos ticket, and logs me straight back on!  Not happy!
    As an administrator or as a super user, it is sometimes necessary to log on with an administrative userid or to visit an end user and log on as myself on their workstation.  Therefore, I need a mechanism to override the automatic logon and force a basic password prompt screen.
    As I understand it I can achieve this by creating a special iView with its own authscheme which does not use SPNego.  I could either point the logoff redirect url setting to this iView or I could simply enter the quicklink for the iView in the browser.  Will this circumvent the automatic logon and, if so, is there anything special I need to do to achieve this?
    I had hoped to use the standard logon screen as the iView.  I've got that stored in a par file (along with my corporate icons and a link to local help files).  I uploaded the par file through system administration - support - portal runtime - administration console and thought I might be able to see that when I created a portal component iView but it's not visible.  Should it be?

    When I need to logon as a test user, I find it easier to disable the integrated Windows authentication in the browser. You can do that in the menus, but I change the registry. Create two text files (e.g., DisableKerb.reg and EnableKerb.reg)
    Disable.reg:
    Windows Registry Editor Version 5.00
    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings]
    "EnableNegotiate"=dword:00000000
    Enable.reg:
    Windows Registry Editor Version 5.00
    [HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings]
    "EnableNegotiate"=dword:00000001
    Then just double-click to change your authentication mechanism.
    Regards,
    Sean

  • Photoshop RAW processing with different screen resolutions

    Hi, I know this might not be fully a photoshop question, but I have done so many searches online & am unable to find anything.
    I usually do RAW photo editing on photoshop on my old Fujitsu laptop & have recently I have upgraded to a MacBook Pro. I have noticed that when I do the same kind of processing on my Macbook, the photos tend to not be as dark & have contrast as I would normally like it to be.
    Meaning to say, photos that look really dark in on my Macbook look rather greyed & washed out on my Fujitsu, however the photos I have processed on my Fujitsu all look nicely exposed on my Macbook.
    So is this due to different screen resolutions? Because the photos I have edited on my mac look really different when compared to on my fujitsu, like the colours etc. Please do advise me on what exactly is the problem & what I can do to solve it. Thanks!

    It all depends on the colour range, brightness, and contrast of the screen, and the screen technology. The only way to make somewhat sure that the colours are "correct" and consistent is to purchase a hardware screen calibration device, like a spyder. But even then the laptop screens tend to be quite bad for this type of work.
    Read up on this topic here:
    http://www.pcworld.com/article/241957/how_to_calibrate_your_monitor.html

  • Different behavior of movewindow with different windows is (xp or windows 7)

    we have a windows wpf stand alone application which must be integrated within a windows form 2.0 stand alone application. given to the particular implementation of the windows form application we decided to use a light integration trying to change the parent
    handle of the wpf main window setting  as parent the handle of a windows of the windows form 2.0 application.
    in order to reposition the wpf windows on top of the parent windows form window, we have a thread which keeps doing two operations: (1) invoke getwindowsrect on the parent windows form windows to get the parent absolute position and (2) invoke movewindow
    on the wpf main window handle to reposition the window.
    when we move the windows form window, the wpf windows follows the parent remaining in the correct position. we tested this solution with windows xp, windows 7, windows 8 in our office. when we went to the customer to complete the installation, both on a
    windows xp and on a windows 7 the behavior was different. the size of the wpf window was much bigger than the size of the windows form parent window. back in office we found the same strange behavior in windows xp wirtual machine. in order to fix the problem
    (at least partially) we had to change the operation sequence within our code as follows in the monitoring thread: (0) get parent windows position with getwindowrect (1) set the parent of the wpf main window to (null) 0 invoking setparent, (2) invoke the movewindow,
    (3) re set the parent handler of the wpf main window to the handler of the windows form window.
    with last solution it works but clearly there are more flikering when the window is moving or resizing respect to initial implementation.
    any idea about this different behavior of movewindow function? any suggestion?
    thanks
    Paolo

    Hi Paolo,
    You'll need to post it in the dedicated WPF or Windows Forms forum for more efficient responses, where you can contact the experts.
    http://social.msdn.microsoft.com/Forums/en-US/home?forum=wpf WPF forum
    http://social.msdn.microsoft.com/Forums/windows/en-US/home?forum=winforms  Windows Forms forum
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Font sizes changed on different boxes.

    Hello everyone,
    I have a dilemna regarding my SMARTFORMS. The problem goes that on the DEV box the font sizes and working ok but when the forms were transported to the Staging (STG) box, the font sizes are smaller than those from DEV box. I am using SMARTSTYLE and a custom font. I have checked the forms and smartstyle from both boxes and they are exactly the same. The custom font is also installed in SE73. Now I don't know what to do next. Please help.

    Hi ,
    You dont have to ask them to create a new one . They will configure printers to other clients . You ask them whether u have have to use lpo1 or some other device type for printing in ur client .
    I also faced the same problem . In development it worked fine where as in qa it gave the same font problems .
    your basis person might have created some different output device in place of  lp01 .
    Regards

  • How to configure use of Ethernet and wireless simultaneously, with different Windows´s?

    Hello friends,
    My network has two Win XP-laptops connected via ethernet to a Dovado-router, and from the Dovado-router another ethernet cable to a Win 7 PC.
    The Win 7 PC connects to the internet via a D-Link wireless network to my ISP wireless router Huawei E589.
    Problem: the PC refuses to work with both ethernet and wireless at the same time.
    I use the ethernet for tranferring vast amounts of graphical data (astronomy photographs at 3-4 GB each), and I can only access the internet through the wireless. Neither XP nor 7 wizards are able to fix it. Both networks were visable in Network Center,
    now only the wireless is available. Ethernet is gone.
    What do I do, to make it work?

    Hi,
    What's your purpose? My understanding is that you want Windows 7 PC wireless use internet and wired use Lan. If I am misunderstand please point me fault.
    For the situation you can do like this:
    1) Setting for your both routers. 
    Make sure both routers have different Router IP's and SUBNETS, you should try to set the subnet of Dovado-router to 255.255.255.252(this router should be used as local Lan, not connect to internet).
    Set the subnet of D-link to 255.255.255.0
    2) Setting For the LAN adapter. 
    Under the TCP/IP properties(Lan adapter),  please assign a unique IP address (which coincides with the subnet of Dovado-router ), set the subnet to 255.255.255.252 (or whatever you set it to Dovado-router). The very important things is that
    don't assign any GATEWAY to Lan adapter, leave it blank.
    3) Setting For the WIRELESS adapter.
    Under TCP/IP properties(wireless adapter), please assign a unique IP address (that coincides with the wireless router), set the subnet to 255.255.255.0 (or whatever the default is for the wireless router), and make sure to type gateway IP address ( D-link
    IP address).
    Now you can test if they are work normally.
    Hope this helps.
    Regards.
    Spencer
    TechNet Community Support

  • Laserjet P2015 on LAN with different Windows

    I've been running my P2015 on our home LAN with both computers on Windows XP.  The printer was connected to computer A , and printer B saw it as belonging to A.  Now I have changed computer A to Windows 7 and I can't get computer B to find it.
    I think the problem is related to drivers, because Windows7 contains its own drivers.  I guess computer B now needs a driver to run the printer, but I don't know which driver, where to find it, and where to put it on B when I get it.
    Or maybe it's another problem.
    All help appreciated.
    oldrafe

    I would recommend installing the software again, here is a link to that: 
    http://h20000.www2.hp.com/bizsupport/TechSupport/ProductList.jsp?lang=en&cc=us&taskId=135&prodTypeId...
    Let me know how this goes! Happy Holidays! 

  • Share M4P music on same computer with different windows Sessions

    According to the guidelines provided on this site, I already shared my music folder to enable different users on my single computer to access shared music files.
    I kept different libraries to provide each user a different library to keep perosnal playlists, ratings and so on.
    m4p shared files can be read by each user by clicking on the file in windows folder so I understand protection is shared on the same computer.
    But there is no way to add a shared m4p file (itune protected)to the libraries !!
    I used the "add file" or "add folder" function... only mp3, mpg, appear in the library, but no m4p.
    How can a user manage a different library on the same computer and be able to add shared m4p files to each library ?

    Jase, you said "Music sharing works across different user accounts, whether they are on the same computer or different computers", but my son will log into his account where he currently has no music. in the window on the left, we can see the other computers in the house that are on line, but there is no sign of the master account (on that same imac). i assume this is because the master account is not logged in, therefore the secondary accounts can't find the master account's music, nor can I from a remote computer ( my macbook, for example). for instance, right now from my macbook i can see my son's itunes list (on the imac) in my "share window" (even though his list is empty). he can also see my macbooks list in his "share window". he cannot see either my list on that imac, or his sisters list on that same imac. all acounts on the imac have sharing turned on, as well as "look for shared music" turned on.
    i guess the focus is on this: can the master user itunes list be made available to other users on that same computer while they are logged in as other users (and the master account is logged off, which it has to be in order for the secondary accounts to be logged in, right?) I can't think of any other way to ask this, so i hope that clarified what we have tried and what we are asking for.

  • Open in new window with different window size

    Does anybody know of a way to make a hyperlink and the window open to a new page where the window size is different from the page before? I want to open to a new page where it's a quicktime thats just in a smaller window.
    thanks!

    David:
    Yes. See this demo page: Opening Item in a New, Precisely Sized Window.
    This demo page has 7 such QT movies on it: PhotoPresenter Animated Slideshow Themes.
    OT

  • Acrobat 8 install forced change to different Windows Default Printer

    Immediately after installing Adobe 8 Pro my Windows default printer changed and I can't get it to stay set to the default that I want. Everytime I restart my computer the Windows default printer is set to the one it changed to after installing Acrobat 8 (not the one I had set as default the last time I used the computer).
    Also, everytime I restart my computer I get a "Please Wait while Adobe Acrobat Installs..." dialog. I also get this dialog the first time I open any MS Office application following every computer restart.
    Win XP

    Aandi - I am going through the Windows Start button... Printers and Faxes, then right-clicking on the printer that I want as my default printer and selecting 'Set as Default Printer'. It remains the default printer until I restart my computer. Then the printer that the Acrobat installation set as the default comes back as the default.

  • Networking two NI lookout servers with different windows OS

    Can I networking two NI lookout servers with 50
    I/O, one with windows98 SE and one with Withows XP pro.?

    What's your lookout version on two computers? You need first to make two lookouts run, and then try to networking them. For example, if you run lookout 6.2 on windows 98, I'm not sure if it will work.
    Ryan Shi
    National Instruments

  • How can I make my website compatible with different screen resolutions?

    Here is the page that I'm struggling with:
    http://www.starbuckscollect.com/2013.html
    Everything is pinned to the top and center pin except for the cards.
    My problem is on certain screen resolutions that are not 'wide screen' you are not able to see all of the cards when you scroll down. Some of you may not see my problem when you open up the page which is good. For you guys, the way to see my problem is to 'zoom out' of the screen and to do that press 'ctrl' and '-'
    Is there any way of avoiding this?

    Hi
    I believe you want a responsive design for the page where the page elements , similar discussion here :
    http://forums.adobe.com/thread/1198978
    Thanks,
    Sanjit

Maybe you are looking for

  • Trace manager in OEM 9.2

    Hi, Got OEM 9.2 up and running, with oms on Win and repository on Solaris. Tried to use Trace Manager/Trace Data Viewer (as it was in OEM 2.2), but found only Trace Data Viewer. How to create trace data (of a session) to be used by Trace Data Viewer

  • Oracle Portal 11g installation hangs while creating domain

    I have patched the oracle portal 11.1.1.2 to 11.1.1.6 in Window 7 and tried to configure the oracle portal but the installation hangs while creating domain. Just realised Window 7 does not support Oracle Portal 11g. Edited by: user12063924 on Jul 5,

  • Cannot add Transitions in iMovie

    Hi, I am a new iMovie user. Trying to edit my first video for YouTube, But cannot add a transition. If I grab a transition & try to insert it between clips, the transition 'hops' back to it's location ...what am I doing wrong - PLEASE HELP

  • HT1725 Unable to purchase right now on App Store.

    Every time I try to purchase a new app it asks for password and tries to start download then error "unable to purchase at this time" comes up. Then it just sits there trying to download. If I leave it it will eventually download to the cloud. I can t

  • Two Accounts for TO DO's under REMINDERS

    I have two accounts for "Me"@me.com listed under the Reminders > To Do. Is there a way to delete one of these? Thanks,