Mobile menu

HTML - page width
Thread poster: Timothy Barton

Timothy Barton
Local time: 19:56
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: 20:56
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: 19:56
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: 19:56
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






Anycount & Translation Office 3000
Translation Office 3000

Translation Office 3000 is an advanced accounting tool for freelance translators and small agencies. TO3000 easily and seamlessly integrates with the business life of professional freelance translators.

More info »
WordFinder
The words you want Anywhere, Anytime

WordFinder is the market's fastest and easiest way of finding the right word, term, translation or synonym in one or more dictionaries. In our assortment you can choose among more than 120 dictionaries in 15 languages from leading publishers.

More info »



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