This may be a bit off topic, but the recent arrival of my P800 drove me to this.
Opera SSR is very nice at breaking pages with many tables, so that they are scrolled vertically and not horizontally. On some web pages (mine included) full width (i.e. 100%) tables with many rows are wrapped per row and are very hard to read. I was wondering if there are sensible tips for writing web pages that will be well rendered in Opera SSR, for example, table widths, no frames, horizontal rules, alignment, etc..
Any advice or links greatly appreciated.
enda
Buy a big book on CSS ... (cascading style sheets)... 😃
Or, google for info... there are tonnes of web sites out there telling you all about CSS and how wonderful it is... I moved my website over from tables to CSS aout a year or so ago and it looks wonderful on the P800 in Opera...
I use CSS but that doesn't help with table widths, etc..
Anyways, Google wasn't much help so I'll just experiment a little.
If you use CSS you shouldn't need tables... you need to look for stuff on CSS positioning... it allows you to recreate the look of tables but is a lot more advanced...
Wow! Really? Then I ought to look into CSS in that case.
Thanks
No problem... here's some code I used on my website to display a simple 3x3 table that fits in with the stuff around it...
In the external CSS file you need:
[code:1].row {
position: relative;
width: 550px;
margin: 0px 30px;
}
.box {
width: 180px;
height: 136px;
padding: 1px 1px 1px 1px;
float: left;
}[/code:1]
And then in your page you'd put:
[code:1]<DIV class="row">
<div class="box">Row 1 Box 1</div>
<div class="box">Row 1 Box 2</div>
<div class="box">Row 1 Box 3</div>
</div><DIV class="row">
<div class="box">Row 2 Box 1</div>
<div class="box">Row 2 Box 2</div>
<div class="box">Row 2 Box 3</div>
</div><DIV class="row">
<div class="box">Row 3 Box 1</div>
<div class="box">Row 3 Box 2</div>
<div class="box">Row 3 Box 3</div>
</div>[/code:1]
Try that and see what happens...
--
Fishd - posting anonymously since 12/2/03 😉
Well I be darned. It creates a table! 😃 But has the added advantage of keeping the in the style sheets. Sssshhh, don't tell anyone else or share this post. If this gets out everyone on the Internet will be using it. 😉
Thanks again
I've found http://www.w3schools.com/ to be a great place for both reference and a very cool examples area - worth checking out. http://www.alistapart.com/ also has some great info.
Bookmarked! I use SELFHTML but that's more of a reference guide and I think it's only available in German and French.
Thanks
Yeah, almost identical to tables but you're right, the whole thing plays nicer on the page this way... plus, all your settings are editable from the CSS file which makes changing the layout of the page a snap...
Not sure where I get most of my info from... it all comes from google as far as I care ... 😃
--
Fishd - posting anonymously since 21/02/03 😉