CSS and Forums

[Maxxim]

This is the reason because I don't use dynamic center column...
For that I needed to use other kind of css layout, I think!

I like to use hardCoded!

Did you try to use:
"width:90%" ?

But Tell me, when someone insert a big image/word, what's the result? (without this css lines)

[kherrerab]

what about photobucket?

[ViagraFalls]

I tried after removing the 600px width thing, but it completely messed up the layout again :( The problem with hardcoding (in my humble opinion) is that it doesn't take resolutions into account.

Hiring: One CSS designer :p

I'm not too sure about Photobucket, kherrerab. I'm starting to think the "cleanest" way to go is Amazon :) I especially like being able to create
"images.entropiaonline.com"...

Thanks :)

Peter

http://entropia-online.blogspot.com/

[Maxxim]

Peter, Use this forum: http://p2p.wrox.com/topic.asp?TOPIC_ID=65842

Maybe it helps you!

quote:is that it doesn't take resolutions into account.

Don't go that way... :)

Did you saw this:

quote:
    <script type="text/javascript">
    /* <![CDATA[ */
        function AdjustColumnsHeight()
        {
            // get a reference to the three DIVS that make up the columns
            var centerCol = window.document.getElementById('centercol');
            var leftCol = window.document.getElementById('leftcol');
            var rightCol = window.document.getElementById('rightcol');
            // calculate the max height
            var hCenterCol = centerCol.offsetHeight;
            var hLeftCol = leftCol.offsetHeight;
            var hRightCol = rightCol.offsetHeight;
            var maxHeight = Math.max(hCenterCol, Math.max(hLeftCol, hRightCol));
            // set the height of all 3 DIVS to the max height
            centerCol.style.height = maxHeight + 'px';
            leftCol.style.height = maxHeight + 'px';
            rightCol.style.height = maxHeight + 'px';
            // Show the footer
            window.document.getElementById('footer').style.vis ibility = 'inherit';
        }
        window.onload = function() { AdjustColumnsHeight(); }
    /* ]]> */
    </script>

Tell me one thing that don't expand when your topics Table get error with big images/words
Imagine that header don't expand...
Calculate the relation between header.with and post.content (Don't matter the resolution, the relation is constant)

Then erase the with:475px from your css and on your aspx put samething like this:

your template.master
<script>......
....
function widthPostSubject() {
var myHeader = window.document.getElementById('header');
document.write((myHeader.style.width) * 0.65);
//I'm imagining that 0.65 is the constant proportion
}
</script>


on your showthread.aspx:
....
<div class="postContent" style="width:<script>widthPostSubject();</script>">.....

You can't leave without javascript :)

I don't know if works... but how knows!
I didn't test it, i don't know if it has some java errors!
Don't forget to clear the width line from your css.

I don't know if with javascript it's possible to know the resolution... If it is it's easiest!

[ViagraFalls]

Maxxim,

Thanks... I am afraid I have no choice but to brush up on my JS skills ;)

I'll have a go at the script another day, though (if you don't mind). I'm frustrated over having spent so much time on something that (to me) is so trivial, while I could have been doing actual coding :(

Let's face it. Programmers and graphical layout don't mix. (Though I prefer graphical layout over having to document stuff).

Cheers.

Peter

http://entropia-online.blogspot.com/

[jimibt]

quote:Originally posted by ViagraFalls
 I tried after removing the 600px width thing, but it completely messed up the layout again :( The problem with hardcoding (in my humble opinion) is that it doesn't take resolutions into account.

Hiring: One CSS designer :p

I'm not too sure about Photobucket, kherrerab. I'm starting to think the "cleanest" way to go is Amazon :) I especially like being able to create
"images.entropiaonline.com"...

Thanks :)

Peter

http://entropia-online.blogspot.com/

peter,

unless you've already worked out some way with the amazon S3 stuff, i can (tomorrow) drop off the code that i've created to do this. it really is no more complex than pointing to the 'bucket' with a filename in the implementation that i have at the moment (obviously with a few events to allow you to save file-names/locations to the database on successful upload too etc..). i then query the FileUploads table on a userid basis to get a list of the filenames that i've uploaded for that user (obviously, any such table is as extensible as you want it to be) and then display the files via my httphandler that i mentioned the other day.

anyway, let me know if you've already gone down the road on this one.

jimi

http://www.originaltalent.com

[Maxxim]

quote:
I'm frustrated over having spent so much time on something that (to me) is so trivial, while I could have been doing actual coding :(

lol Don't feel lowly! Everytime I decide to make some css improvements I look at me spending several days

First it's the photoshop drawing! (Who never looks good, unless I do a little shadow... a little blur, here and there...)
For last I have a big war with css vs Firefox vs IE !

I conclude all my photoshop and css work saying:
"while I could have been doing actual coding"

This is the reason because I understand very well why Marco used a templateMonster layout...

Good Luck for next days! ;)

[ViagraFalls]

jimi,

How about we join forces? Yesterday I've been working on a pimped FileUploader control, supporting multiple uploads.
I initially used ControlArrays to create panels with labels / upload controls inside them, but that proved to
be rather tricky, as the Upload Button I'd like to have at the very bottom would be at the very top. So my new
approach is using a blank table, upload button below that.

I then check how many instances of the FileUploader the admin wishes (set as a property), and add as many
rows to the table with the specified controls. I'm now working on looping through everything to resize the pictures,
but that shouldn't prove to be too hard. I'm also pondering adding thumbnails as an option.

How about I finish that up, then mail you the finished control, and you add the Amazon S3 functionality?

(I might extend your code a bit so it will fit my eventual image needs better, but we'd have a nice start at
providing image capabilities for users this way).

Peter

http://entropia-online.blogspot.com/

[jimibt]

quote:Originally posted by ViagraFalls
 jimi,

How about we join forces? Yesterday I've been working on a pimped FileUploader control, supporting multiple uploads.
I initially used ControlArrays to create panels with labels / upload controls inside them, but that proved to
be rather tricky, as the Upload Button I'd like to have at the very bottom would be at the very top. So my new
approach is using a blank table, upload button below that.

I then check how many instances of the FileUploader the admin wishes (set as a property), and add as many
rows to the table with the specified controls. I'm now working on looping through everything to resize the pictures,
but that shouldn't prove to be too hard. I'm also pondering adding thumbnails as an option.

How about I finish that up, then mail you the finished control, and you add the Amazon S3 functionality?

(I might extend your code a bit so it will fit my eventual image needs better, but we'd have a nice start at
providing image capabilities for users this way).

Peter

http://entropia-online.blogspot.com/

peter,

That sounds like an absolutely fantastic idea and exactly what i was kinda proposing in my other thread 'gonna get by with a little help..'. the beaty being here that there would be a single point of 'contact' for fixing bugs etc... it might be useful for you to look at the multiple file upload control from metabuilders as this has a runtime property which allows you to set the number of files 'allowed' to be uploaded in a single request.

http://www.metabuilders.com/Tools/MultiFileUpload.aspx

you can also download the sourcecode for this control from codeplex, so might give some good clues.

the way i'd like to 'see' my fileupload 'page' operate is a kind of combination of multiple fileupload plus a 'display' section which on postback shows a thumbnail of the file(s) that have been uploaded (for that user). i'm someway twds this but keep finding other things to do and never got the darned thing finished. this would be my endgame requirement really. i.e.

• multiple file upload section
• display of thumbnails for uploaded files
• delete icon next to thumbnail (in user edit mode) in order to remove image and thumbnail (i don't want to generate thumbs on the fly at request time. i'd rather 'save' a thumbnail in a /thumbs folder and use that [plus cache etc])

hope this is 'clear' :)

jimi

http://www.originaltalent.com

[jimibt]

Peter,

if you were to take on the display of thumbnails part, then the suggested generic inteface (for pointers to the files) would be a custom files.cs which would contain:

1. thumbnail url
2. fullimage url

this class could also output xml (such as):

<?xml version="1.0"?>
<Files>
   <File>
      <ImageURL>http://images.originaltalent.com/189f1ef138f34cd7ae94023d4c0e63e4.jpg</ImageURL>
      <ThumbURL>thumb_http://images.originaltalent.com/189f1ef138f34cd7ae94023d4c0e63e4.jpg</ThumbURL>
   </File>
   <File>
      <ImageURL>http://images.originaltalent.com/e6506db1535f4074ba76ad2926010afd.jpeg</ImageURL>
      <ThumbURL>thumb_http://images.originaltalent.com/e6506db1535f4074ba76ad2926010afd.jpeg</ThumbURL>
   </File>
   <File>
      <ImageURL>http://images.originaltalent.com/323cac00680947438e67f1d53bf648a5.JPG</ImageURL>
      <ThumbURL>thumb_http://images.originaltalent.com/323cac00680947438e67f1d53bf648a5.JPG</ThumbURL>
   </File>
   <File>
      <ImageURL>http://images.originaltalent.com/5d17432ddf614cc9921c982bd6da9d6b.jpg</ImageURL>
      <ThumbURL>thumb_http://images.originaltalent.com/5d17432ddf614cc9921c982bd6da9d6b.jpg</ThumbURL>
   </File>
</Files>

anyway, early thoughts on the subject.

jimi

http://www.originaltalent.com