 |  |  |  |  |  |  |  |
Squishing
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
What is the best way to code a web site so that it will be the same no matter the monitor size you look at? The site in question is www.catbent.com and there should be 5 links on the bottom.
•
•
Join Date: Jan 2009
Posts: 1,343
Reputation: 
Solved Threads: 163
The W3c Recommendation for element sizes is %
example : excluding <head>
framesets are so passe
the styles would normally be in an external css file, but I got lazy
example : excluding <head>
html Syntax (Toggle Plain Text)
the styles would normally be in an external css file, but I got lazy
Last edited by almostbob; Aug 26th, 2009 at 11:23 pm.
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
That's what I had originally, but it seemed to make each link unbearably small. I've changed it and it looks all right on my widescreen monitor when I frig around with the size of the window. Problem now is, I'm moving and I had to pack my big monitor away so I have no way of testing it.
•
•
Join Date: Jan 2009
Posts: 1,343
Reputation:
Solved Threads: 163
it may take redesigning the link images, so that they scale well
after all, blackberry is 200*200px screen, NO image button looks good on a blackberry
not an answer to the question, but - trying to work out why the heavy overhead of image buttons and javascripts, when css can do the same thing very short code Note: 'script' is not necessarily correct, didnt bother to look up a proper font name
Note 2: "em" font sizes rescale automatically to screen resolution to make sure, http://www.browsershots.org is a useful aid, to make sure your site works in different browsers
after all, blackberry is 200*200px screen, NO image button looks good on a blackberry
not an answer to the question, but - trying to work out why the heavy overhead of image buttons and javascripts, when css can do the same thing very short code
css Syntax (Toggle Plain Text)
Note 2: "em" font sizes rescale automatically to screen resolution
html Syntax (Toggle Plain Text)
Last edited by almostbob; Aug 27th, 2009 at 1:04 am.
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
Thanks for the tip on the ems! Looks good except now that the hover is bold, it displaces the rest of the links. Any suggestions?
•
•
Join Date: Jan 2009
Posts: 1,343
Reputation:
Solved Threads: 163
•
•
•
•
Originally Posted by cab_driver 
Thanks for the tip on the ems! Looks good except now that the hover is bold, it displaces the rest of the links. Any suggestions?
css Syntax (Toggle Plain Text)
Last edited by almostbob; Aug 27th, 2009 at 2:01 am.
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
That's the sortt of thing I'm looking for, I just don't want the rest of the page to be displaced by my rolling over the link.
•
•
•
•
Originally Posted by cab_driver
That's the sortt of thing I'm looking for, I just don't want the rest of the page to be displaced by my rolling over the link.
I like to see that small displacement ...
Yes, I'm running Ubuntu. Of course.
|
Similar Threads
- Diamond??? (C++)
- Power supply maybe? (Cases, Fans and Power Supplies)
- Trouble with Dell notebook (Troubleshooting Dead Machines)
Other Threads in the HTML and CSS Forum
- Previous Thread: CSS and color transparency
- Next Thread: CSS and iframes
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Latest HTML and CSS Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
