Nov 22, 2009

Problem Getting Text To Align With Different Resolutions

 		free web hosting
Open Discussion > MODERATED AREA > Computers > Programming Languages > CSS (Cascading Style Sheets)

Problem Getting Text To Align With Different Resolutions

Shaunery
Aug 13 2008, 08:53 PM
Hey! I just like fiddling around with making websites, and I'm working on one at the moment.

However, while I can the text box to align on the designated area on the background image on my monitor, I'm well aware that with other resolutions and web browsers, it doesn't. (I use Firefox)

A buddy told me to looks up some CSS but I'm not very good with it at all. What do I need to do to get it to centre regardless of the screen resolution the viewer uses?

The website is optimized for 1280x1024 resolution in Firefox.

Comment/Reply (w/o sign-up)

SaNJ
Aug 13 2008, 09:24 PM
What u can do is to place that in the center is use tables. Tables are the best way to align things on your page if you are rendering pages without using CSS.
On the other hand if are to keep making web pages you must learn CSS it very simple and it will make your work very simple and reduce the length of code u write in the HTML pages. In CSS u can write patterns and styles for more tha n one pages...that is you can have aCSS file for your entire website that is for all the pages as mostly all pages of a website use a common type of styling..So for u best option is to learn CSS,

Yes there are other tools which can help u making webpages like dreamweaver and coffeecup.

Comment/Reply (w/o sign-up)

galexcd
Aug 13 2008, 10:31 PM
If you want to go with CSS I'd recommend putting your text box in an absolute div layer and centering that. Something like this should do the trick:

CODE
<div style="position:absolute;left:50%;top:50%;margin-left:-100px;width:200px;margin-top:-50px;height:100px">

Comment/Reply (w/o sign-up)

pedro-kun
Aug 13 2008, 10:35 PM
Why not google for W3Schools and learn some CSS basics over there?
Then, you'll be able to go over to google again and search for specific details on how to align things the way you want them to be aligned. I'm not trying to simply redirect you to another place, I'm just encouraging you to discover CSS for yourself... for example, you'd be able to quickly grasp the code galexcd left there ;)
Using tables is not encouraged as it is semantically incorrect (besides other things).

galexcd's suggestion is correct, by the way... But it will only render correctly if the page is on Standards-Compliance mode... So, try to go with standards compliant code, or else the page may become a mess :)

Comment/Reply (w/o sign-up)

jlhaslip
Aug 14 2008, 12:20 AM
can you provide a link to the page and the code snippets you are asking about?
Html and css, both, please.

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.
Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : problem, text, align, resolutions

  1. Using Unknown Fonts For Text In Webpage
    (5)
  2. Text Size Problem
    (6)
    Ok i have a skin for an ipb board that im working on, and there is just one problem left with the
    skin and that is that when you view it in Internet explore, the text comes out looking so small you
    cant read it. but it looks fine in every other browser. Any body no what might cause this and how i
    could fix it? if you need to see the css code just let me know and i will post it. Thanks....
  3. Align Text Column Without Tables Using Css
    Is it possible to get a 3 column alignment without using tables with C (15)
    I know I can use tables to get this effect but I am not sure if CSS can do it. I have not found any
    examples so far, the only alignments with CSS I have come across are whole div elements and nothing
    for inside formatting like tables offer. Heres my current stage of my layout so far. select a
    character to see output. http://sonesay.trap17.com/chars.php
    http://sonesay.trap17.com/profile.css The attached file is of my original plan but at this stage
    I cannot do a php+ajax pagination for characters because of lack of knowledge so I went with the
    simple drop down lis....
  4. Need Help On "global News" Problem.
    Change paragraph of text with CSS style change? (7)
    I am making a website for my IT Support class and a program called "Cox Connects Kids" for my
    mid-term assignment. Now I have the whole layout made and I will post a screen shot down lower. My
    basic problem/question is this: I have a right section of the page(A div) and it is supposed to be
    a global news part that shows the same on every page(I.e. home,contacts,help) and I was wondering if
    I can somehow edit my CSS file to have it in there and just change it the one time for all the
    pages. I am guessing there is some way to do this but I couldn't figure it out. I....
  5. Is It Possible To Align Text To The Center And Justify It?
    Example inside! (6)
    Basically, I have a list (like shown below) but as you can see, some parts stick out more than
    others, and it doesn't look ordered. What I wish to know is if it's possible to justify the
    text so it's ordered, but also keep it in the centre, using CSS /tongue.gif"
    style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /> Although if another coding
    language needs to be used, then that's ok /smile.gif" style="vertical-align:middle" emoid=":)"
    border="0" alt="smile.gif" /> Example: Beginning with A Beginning with O Beginning with V Beginn....
  6. How Can I Indent Text A Specified Amount
    (every line, not just the first) (4)
    Hey all I'm working on several pages in HTML using external CSS formatting and i need a table
    for navigation along the left hand side with links in it and i want the text to sit next to this
    table to the right the entire length of the page even though the table will end, probably about half
    way down. eg: QUOTE ____ ____| text text text ____| text text text ____| text text text ____|
    text text text ------text text text ------text text text (the "-"'s are to add spacing as i
    cant use multiple spaces. See how the text stays in line and doesn't rever....
  7. Css Image Position Problem
    align image left or right (1)
    I am having problems figuring out why my image will not align how I want it. Here , you can see
    that the image is aligned to the left. This is the code for that block: CODE But if
    you go here , you can see that the text does not stay to the right of the thumbnails. What am I
    doing wrong? Thanks for your help!....


      8. Looking for problem, text, align, resolutions

Searching Video's for problem, text, align, resolutions
See Also,
advertisement


Problem Getting Text To Align With Different Resolutions

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com