My text Position moves according to the browser I use

I'll have a bit of trouble getting my text remains put in different browsers. For the text on the buttons on my left, I've been putting text in an APdiv and Center the text on the button. It stays put in IE, but the APdiv moves to the top of the button (table cell) in Mozilla and downwards (table cell) button in Safari.

I tried to use the CSS rule definition window to place the APdiv in an absolute position 'top' and I will still have the
the same problem.

I read the article on absolute positioning on Dreamweaver CS3 The Missing Manual but nothing I read really helped me and as I said, I already tried the absolute positioning.

I'm new at this and the site that I'm getting is for my last class and I'm really trying to do things. I'm not good with basic coding, so, if your useful response includes code, please be very specific about the places where to place in it section of the code of the page.

I have not yet added my site, but I have a picture of the homepage take my place. You can see here. The buttons are placed images flown in a table and the text I use in the APdiv in addition to this is not the text that appears on the buttons (had problems and decided to go simple with DWs fonts - used the set Geneva, Arial, Helvetica, without serif).

I'm working on a PC running Windows XP Media ed. w / SP2 if that makes a difference. And I'm in DW CS3.

Please help ASAP - the site is due Wednesday 12/12.

Thanks in advance.

Hello

The reason is the following:


 


 


 


You use

Tags to control spacing in your layout.
You have the table that contains your 3 spaced paragraphs of rollover images
of the top table.
The problem is the paragraphs have different default margins in different
browsers. That's why you have the alignment problem.
Normally, you would use CSS to give all the

Tags the same margin to give
lines of text the same spacing cross browser.
However, which won't help here because users have different text sizes
their browsers. Different text sizes: different line height.
In text view browsers set to "big text" your table with images
will be a lot of space between it and the upper table. In browsers with
small text, the table will be so much near the top table.
Meanwhile, your PA divs will remain in the same place on the page.
The text will be only line upo worm images for people who have their
text exactly the same value as your size.
That's why you shouldn't use

Tags to control the spacing between the objects when graphically the
objects must be in a specific location in the layout.

The solution is to get rid of the

Tags and CSS to give the table use
with the reversal of the pictures in a higher margin.

First of all, get rid of the

tags and give a CSS class to the table below them.
Change this:


 


 


 


To do this:



Class = "leftnav" >

Then, set the class in your CSS. You can add it to the end, just after
you are a: active link style:

Change this:

a: active {}
text-decoration: none;
}
-->

To do this:

a: active {}
text-decoration: none;
}
{.leftnav}
margin-top: 150px;
}
-->

Adjust the desired margin to align the table with images with your
Divs PA.

I hope this has helped.

Take care
Tim

Tags: Dreamweaver

Similar Questions

  • How to set the position and size of the façade using the FPRunTimePosRunCustom method in a c# application?

    How to set the position and size of the façade using the FPRunTimePosRunCustom method in a c# application?

    I found a solution! -Set the size and position of the façade with the help of the

    File > VI properties > window running Position (in category list) > custom (in position of menu drop-down).

    then just accept the current position and size (leave the boxes checked) or set values you want directly (uncheck the boxes and fill in the numbers), or physically position and size the façade and use, the "set to current location" button and press "set size" current All that is easier for you.

    OK so it does not make use of the method VI Methods (Active X) FPRunTimePosRunCustom ([Position], [Size]) but if labview want to make him difficult to use then other means must be found.

  • FX - scroll content container move outside of the browser.

    Hello together!
    I have a question, which makes me mad for a month or two.
    I'm curious to know if anyone has an answer or you can at least tell me where I made the mistake...

    I did a small site on a page - master page. The browser fill is a mosaic with a scroll effect.


    The navigation is done with icons and I used anchors to navigate to single points.

    Everything works fine on my PC.

    But when I visit the page on another PC or Mac, or change browsers, and I use the navigation, or simply scroll down, the pages (content containers) begin to move to the left.

    I'm sure it has something to do with the anchors, but I do not know...

    In older versions, I always put the anchos on the right or left side of the page, so they would not disturb me. But a few days ago, I saw a tutorial, and this guy has placed all the anchors in the center of the page.

    So I did - now. And it really works fin on MY PC - but nowhere else...

    Please if anyone can help me would be great!

    Here is the link to the page.

    http://dus00101.BusinessCatalyst.com/

    The screenshot below shows what it looks like in Internet Explorer.

    Obviously, the content containers are turning to the left side.

    Its always the left - right never!

    Thanks in advance for your help.

    Michelle

    2015-03-12 00_43_10-Homepage - Internet Explorer.jpg

    The content of the page is 1500 pixels wide. (When you resize the browser window smaller that the horizontal scroll bar is displayed when the browser window is less than 1500 pixels wide. As long as the browser window is less than 1500 pixels, there will be a horizontal scroll bar and horizontal scrolling will occur when scrolling of an anchor.

    If all the anchor points are at the same position x:, and then once the page has been scrolled beyond the one anchor scrolling elements will be later all vertical only (unless the user manually scrolls horizontally to another position).

    If you visit a site of Parallax as http://muse.adobe.com content is wide 980px.

    You can turn off the ability to scroll horizontally, which allows to hide the horizontal scroll bar, with a snippet of code pasted into the Page Propertiesarticle, but this is strongly discouraged because it would interfere with the normal navigation of your site for those visiting your site on smaller screens.

  • Cannot move anything in the browser - icons, tabs, etc.

    I've just upgraded to Firefox 12.0 and have found that I can't do anything to drag anywhere. At first, I thought it was a problem with the Menu Editor extension - I was trying to reposition a component menu, just after doing the upgrade to v11.0. In the Options window the Menu editor that can be done simply by dragging, but it did not work.

    I spent the time wrong with it until I realized that the other drag-type features do not work. In order to found:

    1. Cannot reorganize (drag / move) tabs.
    2. Cannot move the tab stop tab bar to open in another window.
    3. Cannot reorganize bookmarks and favicons on personal bar. Open the context menu of bookmarks toolbar and its commands work.
    4. Cannot move tabs to the bar Favorites or folder.
    5. [Window to customize open] cannot drag items to or from the window customize and cannot rearrange or move the Navigation bar or the bar Add on icons.

    There may be questions focused more on the trail, but they are the only ones I can think of and have found. I don't know if I'd known, on the top of my head, extension interfaces accommodate slide they would fail to work. Basically, nothing moves when I click on it with the cursor and try to drag. I don't get any feedback as circle with slash graphic.

    This may be a conflict extension but before I start to switch to many ad - ons that someone might know if this is a new feature setting, I don't know, that was the case before, when I updated.

    I've also seen a recent thread open when the person has a similar problem (but on a Mac - https://support.mozilla.org/en-US/questions/926256?s=can%27t+drag+and+drop & r = 11 & e = & did = s). I wonder if there are perhaps other elements of that this person also cannot move, but not has not yet discovered, and if this problem and mine is perhaps related.

    After following the instructions with the following...

    ... I determined that my theme or a corrupt localstore.rdf were the cause of my problems.

    Then begins the troubleshooting extensions (https://support.mozilla.org/en-US/kb/Troubleshooting-extensions-themes?redirectlocale=en-US & redirectslug = Troubleshooting + extensions + and + themes).

    Hardware acceleration has been eliminated as a cause as it has never been activated.

    It turns out that, like the Mac user in the thread I linked above, Torbutton has been the cause of the problem. I thought that it unlikely just because it seemed so not related to how the problem was evident.

    Torbutton was not invalid he's turned off in the browser, so I considered it "not active".

    This message was posted on the first page of the Torbutton website last spring: "now that the Tor Browser Bundle includes a patched Firefox version, and because we have not enough resources to deal with the Firefox version developer accelerated schedule, the Torbutton toggle model is not recommended. "Users should use Tor Browser Bundle, do not install Torbutton themselves."

    Their "Active Torbutton Tickets" page includes two of the problems I had like individual bugs, "Torbutton add-on interferes with the buttons on toolbar add-ons (including his own)" and «torbutton disables the ability to drag and save quick links»

    They go to a variety of reasons, they no longer support the key in this blog (https://blog.torproject.org/blog/toggle-or-not-toggle-end-torbutton). Mainly for security reasons, partly because they cannot deal with the hourly output FF and last because users are reporting more broken features and incompatibilities with each new version of FF.

  • Position Left Logo in the browser

    logo_placement.jpg

    Can anyone help? I want to place a logo which is positioned (not pinned) to the left of the browser, not the page. I don't want the logo which will be pinned/fixed, I want to scroll the page, but be positioned far to the left in the browser. See attachment.

    1. place the logo on the left of your "canvas" (a red line appears when you touch the border).

    1 pin the object as shown (if you wish).

    2 stretch your browserwide of the page by clicking on the double arrows.

  • Text size varies according to the length of the answer. How to standardize?

    I use Adobe sign to make the forms to fill out for the employee references. According to the person who fills out the form, the answers can be one or more fifty words long.

    How to make sure that that the size of the text is the same regardless of the number of words before?

    Thank you

    Hi iano46358492,

    When adding fields to the document form please double click on text fields & Validation "String" value and maximum length according to your requirement.

    Kind regards

    Nicos

  • White spaces between and vertical shifting of images (and text) as a preview of the browser

    I built my site in Muse, but when I preview the, there are white spaces of different sizes that appear between images and text. In addition, an entire section of the Web site has moved down through an entire page. Here are a few screenshots as I can manage them. Unfortunately it is not yet hosted, so I can't post a link.

    Just a note: I'm build this page of my site as a portfolio to side scrolling. At the beginning of each "page", I added an anchor point, and I've added a 'back to the start arrow' so that the elements of different menu on the far left of the page (at the beginning) a link to their respective 'page' along the portfolio of horizontal scrolling. Similarly, the "back to the start arrow" menu link.  I don't know if this is part of the question, but it seems that it shouldn't be, because I got that simply making the page extremely broad and not very large.

    Here are a few screenshots.

    Inside, Muse:

    Screen Shot 2015-12-22 at 5.10.29 PM.png

    Leave the browser preview:

    Screen Shot 2015-12-22 at 5.09.54 PM.png

    Inside the Muse:

    Screen Shot 2015-12-22 at 5.10.22 PM.png

    Leave the browser preview:

    (Here are two screenshots only because they were separated by white space so that I could not them on the screen at the same time.)

    Screen Shot 2015-12-22 at 5.09.34 PM.png

    Screen Shot 2015-12-22 at 5.09.42 PM.png

    A more. This one shifted downwards, rather than on the side. Note that I did so that the image on the bottom was not attached to a low sticky footer or anything.

    Inside, Muse:

    Screen Shot 2015-12-22 at 5.08.11 PM.png

    Leave the browser preview:

    Screen Shot 2015-12-22 at 5.07.47 PM.png

    Thank you!

    Well well, the standard answer (and I should perhaps store them somewhere as a copy & paste NOTE): you must use groups and other methods of structuring as widgets. Your items may not stick together because they have no container parent to hold them together as in reverse, they can overlap with because they have no logic telling them everything that is left, right, above and below. Muse is not a page layout program and you not post a PDF file where everything is nailed in place. dumping everything on the page without which concerns the way in which it will interact in your browser never gives the result you expect.

    Mylenium

  • According to the browser font changes

    Site built must with Verdana defined as fonts throughout the site, but the police changes depending on the browser used.  Help!

    Verdana is a 'web safe '. The notion of a 'web safe' font is a bit inappropriate. A web safe font is actually a list of fonts.

    The ToolTip that appears when you hover over "Verdana" in the list of Safe Web fonts shows the policies 'rescue' or the 'font stack' associated with this web security police.

    The idea with secure web fonts must choose will use the fonts that visitors to your site can be found on the majority of computers, devices and versions of operating systems. However, without a font is on 100% of all computers and devices. When "Verdana" is not on the particular visitor's computer, or the device of the browser will be 'rescue' to Tahoma. If Tahoma is not available, it will be help in Geneva. If this is not available, it will ask the browser to select a sans serif font.

    Even if Verdana is available on the visitor's computer or device, it cannot be the same version of Verdana you use (and therefore can have measures of subtly different fonts and line breaks so different). Even if it is the same font, the layout breaks and the line of text may still vary to a browser due to the subtle differences in text layout engines in each browser. Where the font is not available at all and the browser must relief appearance to a different font, and the layout of the text will be significantly different.

    For the display of more coherent policies (although always with some variation of browser and OS operating system browser) and live text in the browser, use Web fonts. Click on the option 'Add Web fonts' in the menu fonts and add Web fonts to your menu. These fonts are automatically downloaded from Typekit to the computer or device used by a visitor to the site, so the same font is always used. (However, made and differences of line break will be produced again due to differences between the browsers and operating systems.)

    Another, although usually less desirable option is to use system fonts. When a system font is used Muse converts the text block to an image. This leads to slower page load times, but where a specific font should absolutely be used, it may be the only alternative. Muse automatically generates 'alt text' for the image so that the original text is always there for the search engines to index and screen readers to read, but the user will be unable to select or search the text on the page in the browser.

    The idea with web fonts secure is to choose fonts that are on the majority of computers, devices and versions of operating system of your site visitors should be used, but not a font is 100% of all devices. When "Verdana" is not on the particular visitor's computer, or the device of the browser will be 'rescue' to Tahoma. If Tahoma is not available, it will be help in Geneva. If this is not available, it will ask the browser to select a sans serif font.

    Even if Verdana is available on the visitor's computer or device, it cannot be the same version of the font you use (and therefore can have subtly different font metrics). Even if it's the same police, the layout of the text and line break can vary from a browser to a browser due to the subtle differences in text layout engines in each browser. Where the font is not available at all and the browser must relief appearance to a different font, and the layout of the text will be significantly different.

  • How to get the text of an onclick / "open the browser window" behavior to look like a link

    If I put this behavior to a specific word (on an < a > tag without the "href"), the link is not underlined, and the mouse does not turn into a pointer. If I put this behavior to a full < a > tag with the "href ="..." "" then the browser opens a new window (depending on the behavior) and a new page in the original window (according to the directives of the href = "..." »). How can I get the link to appear as a link (underlined and changes the mouse pointer) without having to assign a href = "..." "to the < a > tag?

    If I put this behavior to a specific word (on a label of without the 'href'), the link is not underlined, and the mouse does not turn into a pointer. If I put this behavior in a tag complete with the "href ="..." "" then the browser opens a new window (depending on the behavior) and a new page in the original window (according to the directives of the href = "..." »). How can I get the link to appear as a link (underlined and changes the mouse pointer) without having to assign a href = "..." "to the tag?

    For an affordable solution, see

    http://apptools.com/rants/popups.php

  • How do flash content that resize according to the browser window

    Hi gus,.
    I do a presentation now... but the problem I face is cos of the size of the content... what I need it is when resizes it the users browser window, the flash content should also scaled in function in the window without using scrollbars... u can take a look at the URL to see an example of how's done it...

    http://www.Adobe.com/products/RoboHelp/productinfo/features/brz_tour/

    Can someone please help me with this. /... Thanks in advance...

    In the first frame of your .fla add the line of code below:
    fscommand ("allowscale", "true");

  • How can I get rid of locate the browser link using Outlook and Windows 7?

    I have Windows 7 and use Outlook 2003 and use them on multiple computers, but after wiping on my desktop computer and reinstall everything, now, whenever I hit a link on an email, I get a window asking locally, the browser link. Then it hangs for a long time. What can I do to fix this? Also, when trying to open the link, it remains in the background and I put Outlook in the taskbar to display the linked Web page

    It should apply as well to Windows 7. It is likely to be caused by the DDE for Firefox.

  • PDFs from web disappear (independent of the browser being used)

    Under XP with latest updates.

    If I download a PDF file or that you try to save a PDF file of the web, the browser (IE8 or Foxfire) sees the file but it does not display a viz Windows Explorer or a search can find it.  I have turned off all firewalls, antivirus etc and behave the same.

    Do not have this problem on a Vista machine I have.  I had to use it to save the files and then transfer them to my main machine, the XP machine. in question

    Thoughts, suggestions?

    Thank you.

    Deeppow,

    Thank you for visiting the Microsoft answers community.

    Can you tell me which program you use to read pdf files? Have you been able to read them before, and if so, the problem just start happening? Did you recently change?

    I can't wait to hear back on your part.

    Lisa
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • The menu system default language does not change according to the location that uses in-app

    Hello

    I have an emergency in application if you can reply me as soon as possible.

    In fact, I've implemented localization in application for Os 5.0 for 7.0.But, I extract some problems on specific devices so can you help me out for short.

    My problem: -.

    I use both languages in my application 1. Netherland and 2. English.

    Then 2 type of different scenario produced

    1. whenever the user change language of application at this time menu default language (Close, keyboard and Application Switch) no change. These are the ways that they change language according to the language of the camera. But this problem go get some specific device as 9850 for Os 7.0 and 9300 for Os 6.0.

    2 even conducted no user in another device like 9300 Os 5.0,8900 Os 5.0,9800 Os 6.0, 9900 Os 7.0 and Os 7.0 9320 ect... When this default menu (Close, Application Switch) changing the language according to the language of demand. These are the ways that they do not change language according to the language of the camera.

    Hello

    It's the Os.

    I confirm with the BlackBerry support team.

  • in the browser edition using BC

    I forgot to post the URL, it's here - freemansland.org

    just need to use in the browser edition to replace the images, but has not been able to

    Pease help

    Orzalan

    Please send the form of muse to [email protected] with this thread link and my name in the subject line.

    I'll try to study this and update you.

    Thank you

    Sanjit

  • Help!  in the browser edition using third party host "530 Login." incorrect

    I'm putting in place in the browser edition for a company I designed a site for Adobe Muse.  The strange thing is that I really connected with his credentials and was able to change.  I sent him all the info and she can't get so I went to the log-in and I get this message:

    The user name and password are incorrect for your FTP server.

    Please check the and try again.

    Message from the server:

    "530 login incorrect."

    I went back and double checked everything.  I even created a new user of C-Panel on ipage and I still get the same message.  So very frustrating.

    Can you share what sites have this problem during the connection? If you don't want to share this in the public forum, you can use the "Get help" link in the upper right corner to change it in the browser to provide private with the team details.

Maybe you are looking for

  • Downgraded to win7 and I'm missing several drivers

    So I just bought a Compaq Notebook CQ45, it came with windows 8 already installed... long story short, I had to go down to win7. After the installation I was missing several drivers, I tried to get them from the Hp site, but they're only for windows

  • Double folders/files

    In windows Explorer, I have a main "Documents" folder and another document folder under the main folder "downloads". In addition, under the 'C' drive 'users folder it is a same set of folders/files. It is using too much memory. What I can, (and if so

  • for many processes running

    my own pc indicates that there are many ongoing processes. need to know which ones can I stop

  • Always the top of page JavaFx 8 concert

    HelloI need to view my java app always on top of all other programs in windows.It was impossible in JavaFx 2. Is there something now, or do I still have a swing window to achieve?

  • The session variable, NQ_SESSION. has no definition of value. (HY000)

    Hi allI use OBIEE 11.1.1.6.8 version and have deployed version 6.0 of BASEL RPD. When I go to the dashboard I get the below errorErrorView display errorODBC driver returned an error (SQLExecDirectW).Error detailsError codes: OPR4ONWY:U9IM8TAC:OI2DL65