Mobile menu

HTML - page width
Thread poster: Timothy Barton

Timothy Barton
Local time: 23:37
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: 23:37
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: 22:37
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: 22:37
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






SDL MultiTerm 2017
Guarantee a unified, consistent and high-quality translation with terminology software by the industry leaders.

SDL MultiTerm 2017 allows translators to create one central location to store and manage multilingual terminology, and with SDL MultiTerm Extract 2017 you can automatically create term lists from your existing documentation to save time.

More info »
Across v6.3
Translation Toolkit and Sales Potential under One Roof

Apart from features that enable you to translate more efficiently, the new Across Translator Edition v6.3 comprises your crossMarket membership. The new online network for Across users assists you in exploring new sales potential and generating revenue.

More info »



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