Mobile menu

HTML - page width
Thread poster: Timothy Barton

Timothy Barton
Local time: 20:45
Member (2006)
French to English
+ ...
Feb 2, 2005

The layout of pages on my website (see for example: http://www.geocities.com/itisme88/personal/nodoblatge.htm) looks horribly ugly on my widescreen laptop (as does the proz.com website, for that matter). The paragraphs are just to wide. I'm thinking about two options to sort it out. One would be the BBC approach (news.bbc.co.uk/sport) of leaving a wide blank on the right-hand side for users of wider screens.

I'm inclined to prefer the approach used by my university's website (www.uab.es (the English translation is mine!!!)) of having everything alligned down the middle. What's the neatest way of doing this in HTML?

Also, most pages don't seem to fully justify the text. I prefer the text fully justified. What do most people recommend?


Direct link Reply with quote
 

Heinrich Pesch  Identity Verified
Finland
Local time: 22:45
Member (2003)
Finnish to German
+ ...
Use css-style-sheets Feb 3, 2005

P { font-family: Verdana,Arial;
font-size: 14px;
line-height: 110%;
text-indent: 2%;
text-align:justify;
margin-left: 2%;
margin-right: 2%;
}

Above an example, how the paragraph tag can be modified to justify the text. Look at some sites about html and css programming in English.
Or look at some examples of page layout that you like and try those with your own files. After all everything on the web is open for us to see and copy.
Regards

Heinrich


Direct link Reply with quote
 

Sven Petersson  Identity Verified
Sweden
Local time: 21:45
English to Swedish
+ ...
TABLE Feb 3, 2005

Put it in a table!



PS

All browsers support TABLE.



[Edited at 2005-02-03 14:25]


Direct link Reply with quote
 

Piotr Bienkowski  Identity Verified
Poland
Local time: 21:45
Member (2005)
English to Polish
+ ...
there is also the width attribute Feb 3, 2005

Heinrich Pesch wrote:

P { font-family: Verdana,Arial;
font-size: 14px;
line-height: 110%;
text-indent: 2%;
text-align:justify;
margin-left: 2%;
margin-right: 2%;
}

Above an example, how the paragraph tag can be modified to justify the text. Look at some sites about html and css programming in English.
Or look at some examples of page layout that you like and try those with your own files. After all everything on the web is open for us to see and copy.
Regards

Heinrich


Not all browsers support the margin-right option. For example Mozilla does not (or at least did not, when I tested it). So using the margin-left attribute in combination with the width attribute, for example width: 19cm might be an alternative.

HTH

Piotr


Direct link Reply with quote
 


To report site rules violations or get help, contact a site moderator:


You can also contact site staff by submitting a support request »

HTML - page width

Advanced search






PDF Translation - the Easy Way
TransPDF converts your PDFs to XLIFF ready for professional translation.

TransPDF converts your PDFs to XLIFF ready for professional translation. It also puts your translations back into the PDF to make new PDFs. Quicker and more accurate than hand-editing PDF. Includes free use of Infix PDF Editor with your translated PDFs.

More info »
SDL Trados Studio 2017 Freelance
The leading translation software used by over 250,000 translators.

SDL Trados Studio 2017 helps translators increase translation productivity whilst ensuring quality. Combining translation memory, terminology management and machine translation in one simple and easy-to-use environment.

More info »



All of ProZ.com
  • All of ProZ.com
  • Term search
  • Jobs