Re: [css-d] Multisite/language css
Hi David thanks for the link! Ant 2008/6/20 David Hucklesby [EMAIL PROTECTED]: On Fri, 20 Jun 2008 12:12:05 +0100, Ant Tyler wrote: I'm starting to rework a number of sites for a client with an overly complex set of css sheets, does anyone have any resource or pointers to correct practice for this? I don't think there's a correct practice as such. Like any design decision, it's usually a matter of compromise with sometimes conflicting needs. Having failed to answer your question, I offer this link to a program that should help you eliminate rules that are unnecessary / unused: http://www.sitepoint.com/dustmeselectors/ Cordially, David -- -- Ant Tyler Creative Design Solutions Web Design - Photography - Digital Imaging - Graphics www.atyler.co.uk www.antcom.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Multiple float 'columns' and gutters
--- On Sun, 6/22/08, Barrett [EMAIL PROTECTED] wrote: Why not use a CMS or at least a server side include that editors could update without messing with the structure ? Hi Barrett, While that is certainly one possible solution: a) We're already using a (not very good) CMS, and I don't think it will allow me to specify class names according to odd/even order. To clarify, I *want* to allow people to swap the order of boxes, and I *would like* it if they didn't have to manually edit a class name when they do that. b) Regardless of back-end process, I still think this is a valid requirement: i.e. to display a series of boxes in a column layout which can be reordered with minimum effort, with nice clean markup. Regards, - Bobby __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] homage to the square
- Original Message - From: David Laakso [EMAIL PROTECTED] To: Peter Hyde-Smith [EMAIL PROTECTED] Cc: css discuss css-d@lists.css-discuss.org Sent: Sunday, June 22, 2008 10:58 PM Subject: Re: [css-d] homage to the square Peter Hyde-Smith wrote: http://www.chelseacreekstudio.com/ca/portfolio/ Joseph Albers David: Also, as you click on the different nav selections, some of the Square's image vertical sizes must be different as there is some slight jogging of the nav list. Peter www.fatpawdesign.com Good call. Thank you, Peter. Made some modifications. /Please/ reload. Do you still get some slight jogging of the nav list now??? -- http://chelseacreekstudio.com/ David: That looks/works perfect. No more jogging. They're all showing up as 300 x 300 now. Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
Well I have my background image, but to the right of the browser there is white space, I want to fill in, which is why I asked. I wanted to take a look at your examples Nancy but they were offline. Nancy wrote: From: Christopher [EMAIL PROTECTED] Can you have two background images on the {body} ? and position them? No, you can only have one background image per element. What exactly is the effect you are going for? You can, for instance, have a background image for the body that is positioned like: body {background-image: url(http://www.foo.com/image-left.gif); background-position: left top; background-repeat:no-repeat; background-attachment: fixed;} And then have a wrapper div like: div#bodydiv {background-image: url(http://www.foo.com/image-right.gif) ; background-repeat:no-repeat; background-position-x: right; background-position-y:top; width:100%; height:100%;} __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Positioning in IE6
I am having a problem trying to get a photo gallery positioned properly in IE6, works fine in IE7 and Firefox. Any thoughts would be appreciated. http://www4.esu.edu/mascot/scroller5/index.htm Steve LaBadie, Web Manager East Stroudsburg University 200 Prospect St. East Stroudsburg, Pa 18301 570-422-3999 [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] http://www.esu.edu http://www.esu.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Roll Over Problem Help
I'm going to put this on a server and this way you guys can get a understanding of what I want with CSS roll over, I should have it on a server by end of today just finishing up something. Christopher wrote: Alright, what I am after is if I have one giant graphic with, three smaller areas that will be buttons within the giant graphic, how do I create roll over effects in this way ? From all the examples I have seen from links given to me by the great people of this list most of them show small buttons not buttons within giant graphic files with other stuff within the graphic file as well. David Laakso wrote: Christopher wrote: I have one giant image with 3 areas specific for links, I don't want the whole image just 3 specific areas of the giant image, when I read up on sprites most of the examples were little buttons so how do I go about doing it this way which I have laid out ? Christopher It is very difficult understand your continuing question (s) without some sort of diagram; or, better yet, a clickable link to the page/problem in question. I am sure you know what you want. But something more tangible than a rather incomprehensible 53 word long sentence will help others get the picture, and, perhaps, enable them to give you a specific answer. In the meantime, maybe this will help: http://css.maxdesign.com.au/listamatic/vertical05.htm __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] homage to the square
On Jun 22, 2008, at 7:40 PM, David Laakso wrote: Greeting from Havana! greeting from vega (third planet past pluto) observations of a blind print designer: Just a simple means of presenting portfolio visuals -- could use any feedback, nevertheless... http://www.chelseacreekstudio.com/ca/portfolio/ designwise, extremely attractive, great use of type, very balanced. but having gone through a similar exercise recently, i'm left with some questions: as a portfolio, one assumes the purpose of the exercise is to present the work, first and foremost. in your example, the page layout seems almost more important than the work you're trying to present. the work itself is given almost equal weight as the title, the text and the rollovers. so the first impression is of the layout of the page. also, what happens if the paintings are different shapes--a wide piece, becomes smaller when all are equal width, and a tall piece forces the rollovers down. with different shaped art, the rollovers bounce, forcing the user to move the mouse to smoothly transition between clicks. the rollovers take up a good bit of screen real estate, and as i have to scroll down to get to latter states, it becomes a small inconvenience... and as a print designer, i'm of the mind that anything that hampers immediate gratification is not necessarily good thing. most of my compatriots are dull witted and superficial egoists and want to be able to flip though quickly, then maybe go back if something peaks their curiosity. not very considerate, but its part of the dna but it is a beautiful page. :: embedded:: Respectfully. Joseph Albers --molly the cat's arch nemesis -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] homage to the square
Ron Zisman wrote: On Jun 22, 2008, at 7:40 PM, David Laakso wrote: http://www.chelseacreekstudio.com/ca/portfolio/ and as a print designer, i'm of the mind that anything that hampers immediate gratification is not necessarily good thing. I'm glad we got that straightened out as you had me worried for a moment or so... As ever, Fidel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Check Please
To whom it may concern, Would you please provide feedback for the website http://www.AMSvet.com.au/ Thank you. Regards PWP __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] form can't be placed where I want it
hi, I can't find why my registering form can't be placed where I want it. does anyone has an idea? http://speedzor.com/register.php greetings, jeroen _ Even niet achter je PC? Neem je Messenger mee op je gsm! http://www.windowslivemobile.msn.com/nl-be __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] form can't be placed where I want it
Jeroen, could it be that in your style sheet register is a class, and in your html it's a div ? all the best, Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] form can't be placed where I want it
sorry, correction. and in your html it's a div I meant to say, in your html it's an id Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] form can't be placed where I want it
Just as a tip - it's probably best to specify the where you want it part of your question. Since we don't know what's in your head or on your sketch pad. :-) But I'm guessing you're just wanting it below the navbar. I think you might need to change the register div margin-top to just top Since you've declared that as absolutely placed, you then need to tell it where to be. There is no placement info there except absolute. You need to give it a where. I think that's what's going on. Others on here can verify my thoughts or dispel them. Chris A. On Mon, Jun 23, 2008 at 10:31 AM, jeroen vannevel [EMAIL PROTECTED] wrote: hi, I can't find why my registering form can't be placed where I want it. does anyone has an idea? http://speedzor.com/register.php greetings, jeroen _ Even niet achter je PC? Neem je Messenger mee op je gsm! http://www.windowslivemobile.msn.com/nl-be __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] form can't be placed where I want it
jeroen vannevel wrote: hi, I can't find why my registering form can't be placed where I want it. does anyone has an idea? http://speedzor.com/register.php greetings, jeroen From what I can see right now is you style sheet is referencing div.register { position : absolute; margin-left : 200px; margin-top : 100px; width : 200px; float : left; } where register is a class and your html is stating div id=register form action= method=post fieldset id=registration legendRegistration/legend Username: input type=text name=nick maxlength=15 / br / Password: input type=password name=pass1 maxlength=15 / br / Re-enter your password: input type=password name=pass2 maxlength=15 / br / E-mail adress: input type=text name=email maxlength=35 / br / input type=submit value=Register myself / input type=reset value=Clear all fields / br / /fieldset /form /div where register is a id. Changing one or the other so they are the same will help a great deal. Where do you want the form to be placed? Tango __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
Professional Web Pages - Information wrote: Would you please provide feedback for the website http://www.AMSvet.com.au/ Thank you. Regards PWP Is the blue block offset 24px on the left intentional? Some folks may have trouble with the tiny frozen fonts in IE. And not everyone will appreciate the rivers[1]. IE/6 will probably be a market contender for sometime to come. It may be a little premature for your client to brush them off... [1] http://en.wikipedia.org/wiki/River_(typography) -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
It looks OK to me, if a little slow to load images, but that could just be the server. What else did you want to know? Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Professional Web Pages - Information To: css-d@lists.css-discuss.org Sent: Friday, June 20, 2008 9:43 PM Subject: [css-d] Site Check Please To whom it may concern, Would you please provide feedback for the website http://www.AMSvet.com.au/ Thank you. Regards PWP __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] form can't be placed where I want it
ok, thanks for helping me out guys! Date: Mon, 23 Jun 2008 09:56:51 -0600 From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] CC: css-d@lists.css-discuss.org Subject: Re: [css-d] form can't be placed where I want it jeroen vannevel wrote: hi, I can't find why my registering form can't be placed where I want it. does anyone has an idea? http://speedzor.com/register.php greetings, jeroen From what I can see right now is you style sheet is referencing div.register { position : absolute; margin-left : 200px; margin-top : 100px; width : 200px; float : left; } where register is a class and your html is stating div id=register form action= method=post fieldset id=registration legendRegistration/legend Username: input type=text name=nick maxlength=15 / br / Password: input type=password name=pass1 maxlength=15 / br / Re-enter your password: input type=password name=pass2 maxlength=15 / br / E-mail adress: input type=text name=email maxlength=35 / br / input type=submit value=Register myself / input type=reset value=Clear all fields / br / /fieldset /form /div where register is a id. Changing one or the other so they are the same will help a great deal. Where do you want the form to be placed? Tango __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ _ Lentekriebels? Deel ze gratis met je vrienden dankzij Windows Live! http://get.live.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning in IE6
Steve LaBadie wrote: I am having a problem trying to get a photo gallery positioned properly in IE6, works fine in IE7 and Firefox. Any thoughts would be appreciated. http://www4.esu.edu/mascot/scroller5/index.htm Looks like IE6 has lost track of where the many 'position: relative' involved should go, and ends up with a dead in the water position for #mygallery. I don't have a sensible explanation for IE6' behavior, but adding... #content {position: relative;} ...will fix it in your case. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
From: Christopher [EMAIL PROTECTED] Well I have my background image, but to the right of the browser there is white space, I want to fill in, which is why I asked. I wanted to take a look at your examples Nancy but they were offline. Nancy wrote: ... You can, for instance, have a background image for the body that is positioned like: ... And then have a wrapper div like: ... Okay, here's an example: http://thesmudge.com/shapeshifter/test/rightleft.html I embedded the style in the head of the page. Note it's modified slightly from the theoretical example in my previous post. If you play with the size of the window, the images merge. In the actual page there's a middle image as well. Nancy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Roll Over Problem Two background images on the {body}
Alright, after a lot questions and help from some great people, and some frustration as to wanting to see what I am trying to achieve, I have put what I am trying to achieve on the server, now to break up the problems in two different questions: Link to page: http://www.walkfar.ca/main3.html A) *CSS Roll Over* -= You will see a giant image and three smaller circles these smaller circles is where I want the roll over to be which will be links to other parts of the pages or another page how can I achieve this in CSS ? B) *Two background images on the {body}* -= Two background images on the {body} you will see white space to the right of your browser I want to fill this with a image how can this be done? *NOTE*: I am using /dreamweaver /so if it can be explained on how to do this in /DW/ as well as code it would be benificial to me. Christopher __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] homage to the square
ok, I'm not a designer or an artist, but I would think the graphic needs to be to the left of the rollovers and underneath the introductory paragraph. By doing this, you could focus on the images better than the rollovers, which, as mentioned by some one else, seem to be given equal weight. Other than that, I think it's a great looking page -- christopher [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
Hi Chris On 23 Jun 2008, at 18:16, Christopher wrote: Here is a link for the Two background images on the {body} http://www.walkfar.ca/main3.html My rough take on it. I haven't done much to the images: http://cregy.net/test/chris/index.html -- Kind regards Richard Brown http://cregy.co.uk/ Embracing what God does for you is the best thing you can do for Him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] easy clearing: a new way?
Gabriele Romanato wrote: try to change content: .; with content: \A; does it work? IE8?? let me know. xxx ^.^ I have recently tried using the overflow:auto trick to clear floats...seems to work wonders! http://www.quirksmode.org/css/clearing.html Anyone else have experience wiht this? -- Wellington __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
#wrapper { width: 900px; height: 900px; background-image:url(graphic%20files/mockup.png); background-repeat: no-repeat; } I don't see the #wrapper graphic when I preview and I just made the same style as you #wrapper and tried to apply it with my image and nothing appeared Richard Brown wrote: Hi Chris On 23 Jun 2008, at 18:16, Christopher wrote: Here is a link for the Two background images on the {body} http://www.walkfar.ca/main3.html My rough take on it. I haven't done much to the images: http://cregy.net/test/chris/index.html -- Kind regards Richard Brown http://cregy.co.uk/ Embracing what God does for you is the best thing you can do for Him. Romans 12 v 1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] homage to the square
christopher wrote: ok, I'm not a designer or an artist, but I would think the graphic needs to be to the left of the rollovers and underneath the introductory paragraph. By doing this, you could focus on the images better than the rollovers, which, as mentioned by some one else, seem to be given equal weight. Other than that, I think it's a great looking page I agree with Christopher here. The art should be in the foreground, not the textual explanation. The text is the interpretation of the artist, but that is not the same as what the onlooker will see. Let the one seeing the picture decide first what he feels about it and explain afterwards! I would also suggest the image to the left and text to the right, or text under the image and the image centered, though that might lead to other changes in your layout. Otherwise i like typhgraphy, line-height and spacing. Text seems unobtrusive against the art. regards, Jens __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Creating a forum
Here are your main players. No they are not free. http://www.vbulletin.com/ http://www.ubbcentral.com/ http://www.photopost.com/ I haven't looked at them in detail in a while to know what extent their layout templates can be edited. I think though the forum layouts may lend themselves to a table based structure. That would be an interesting issue to hear more about. Likely it is covered on one of their heavily trafficked user forums. I've only recently started jumping on the css layout bandwagon, but it has been a fun ride so far. Thanks, Barrett AOL/AIM handmadepaperus On Jun 22, 2008, at 9:07 PM, Patrick James wrote: Hi I'm just about to start trying to create a forum for inclusion in a web-site I've been creating. I've never done this before and I'm wondering if anyone could offer any suggestions. The first 'forum solution' I've been looking at is phpBB: http://www.phpbb.com/ The web-site is wish to put it in uses CSS 100% for layout and is flexible. I'd like to be able to style the forum so that it fits in with the look and feel of the web-site. Has anyone here any experience of working with forums? Thank you. Patrick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] homage to the square
Christopher, do you mean Jens? :-) Jens Nedal wrote: christopher wrote: ok, I'm not a designer or an artist, but I would think the graphic needs to be to the left of the rollovers and underneath the introductory paragraph. By doing this, you could focus on the images better than the rollovers, which, as mentioned by some one else, seem to be given equal weight. Other than that, I think it's a great looking page I agree with Christopher here. The art should be in the foreground, not the textual explanation. The text is the interpretation of the artist, but that is not the same as what the onlooker will see. Let the one seeing the picture decide first what he feels about it and explain afterwards! I would also suggest the image to the left and text to the right, or text under the image and the image centered, though that might lead to other changes in your layout. Otherwise i like typhgraphy, line-height and spacing. Text seems unobtrusive against the art. regards, Jens __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] easy clearing: a new way?
Wellington Fan wrote: Gabriele Romanato wrote: try to change content: .; with content: \A; does it work? IE8?? let me know. xxx ^.^ I have recently tried using the overflow:auto trick to clear floats...seems to work wonders! http://www.quirksmode.org/css/clearing.html Anyone else have experience wiht this? Yes. But Gabriele discusses another technique, easyclearing. http://www.positioniseverything.net/easyclearing.html Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
On Mon, 23 Jun 2008 21:47:45 +0100, Christopher [EMAIL PROTECTED] wrote: #wrapper { width: 900px; height: 900px; background-image:url(graphic%20files/mockup.png); background-repeat: no-repeat; } I don't see the #wrapper graphic when I preview and I just made the same style as you #wrapper and tried to apply it with my image and nothing appeared Chris, does this get you any closer to what you want to see. I have sliced a part of your background image and applied it to a wrapper div, it fills the screen in the x direction using repeat-x. Then your original image sits on top of that. http://mndhill.com/christest/main3.html Duncan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Creating a forum
On 6/23/2008 4:52 PM, Barrett wrote: Here are your main players. No they are not free. http://www.vbulletin.com/ http://www.ubbcentral.com/ http://www.photopost.com/ The last one doesn't appear to be forum software, but a photo gallery that integrates with a forum. I would not necessarily agree that these are the main players though. vBulletin is definitely up there, and is a great package, if a bit overpriced, IMO. phpBB is quite a bit more common than UBB.threads, and from what I've seen, with version 3, it's probably more capable than UBB.threads, too. From what I've seen, I'd say that phpBB 3 is probably the most feature-filled and capable of the _free_ forum software packages out there. It also has a large community of developers making mods and themes for it, which would be useful both for improving the forum's capabilities AND for getting help with questions that Patrick might come up with that fall outside this email list's scope. As for a bigger picture of the available forum choices, here are lots of them: http://en.wikipedia.org/wiki/Comparison_of_Internet_forum_software_(PHP) http://en.wikipedia.org/wiki/Comparison_of_Internet_forum_software_(ASP) http://en.wikipedia.org/wiki/Comparison_of_internet_forum_software_(other) There are numerous choices at all price levels. phpBB appears relatively easy to modify themes for, adding whatever styling you'd like, though I haven't done much of it myself. It's basically like designing a website, but it's more modular, and the appropriate keywords need to be in place to plug the content in. I recently did something similar with WordPress, where I basically took an existing website and copied/pasted the appropriate parts into a basic WP theme, and made some semi-minor changes to the CSS file. A forum is a bit more structured, but the same principles should apply, I'd think. -- Erik Harrishttp://www.eHarrisHome.com -AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172- Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
Sorry Christopher, I don't want to add extra confusion. I added the slice from your original image as the background on the body and then applied your original using the new wrapper div. http://mndhill.com/christest/main3.html thought it best to clarify for you. Duncan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
Yeah I applied my mock-up image that should be used as the wrapper and I don't see it, is #wrapper a div cause I just put that code as seen below this message under the {body} style. Either way I didn't see my mock up image that I wanted placed on the right showing up. Duncan Hill wrote: On Mon, 23 Jun 2008 21:47:45 +0100, Christopher [EMAIL PROTECTED] wrote: #wrapper { width: 900px; height: 900px; background-image:url(graphic%20files/mockup.png); background-repeat: no-repeat; } I don't see the #wrapper graphic when I preview and I just made the same style as you #wrapper and tried to apply it with my image and nothing appeared Chris, does this get you any closer to what you want to see. I have sliced a part of your background image and applied it to a wrapper div, it fills the screen in the x direction using repeat-x. Then your original image sits on top of that. http://mndhill.com/christest/main3.html Duncan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Creating a forum
Yeh photopost is a photogallery - thought I'd throw that in there not knowing the extent of his project since it is made to integrate and has a proven record of heavy usage http://www.photopost.com/ sitesphp.html I don't have a list handy anymore, but a few years back when I researched these forums I consistently found them being used on very heavily trafficked sites. To me that was trial by fire as those sites most assuredly would not mess around with something that wasn't working at high usage levels. For free phpbb does look really darn good, but depending on the project I lean towards a paid product with paid support to make sure the job gets done right and on schedule. I look forward to hearing and seeing a fully css based forum project. Thanks, Barrett AOL/AIM handmadepaperus On Jun 23, 2008, at 5:13 PM, Erik Harris wrote: On 6/23/2008 4:52 PM, Barrett wrote: Here are your main players. No they are not free. http://www.vbulletin.com/ http://www.ubbcentral.com/ http://www.photopost.com/ The last one doesn't appear to be forum software, but a photo gallery that integrates with a forum. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Hidding text behind a graphic
Can someone help me hide the text in my h1 a { behind my Guide Star background image? Thank you. HTML http://www.choroideremia.org/new/crf_header.php CSS http://www.choroideremia.org/css/layout.css Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Hidding text behind a graphic
My immediate thought would be: h1 a { position: relative; height: 62px; } h1 a img { position: absolute; top: 0; background-color: inherit; } BUT, you might want to test that under different browsers and/or wait for further responses, because I'm not an expert on all of IE's idiosyncrasies. As far as I can tell, though, that's according to spec. Bear in mind that this will 'fail' when text size is increased, although other elements of your design do that anyway. - Bobby --- On Mon, 6/23/08, Hayden's Harness Attachment [EMAIL PROTECTED] wrote: From: Hayden's Harness Attachment [EMAIL PROTECTED] Subject: [css-d] Hidding text behind a graphic To: CSS-D css-d@lists.css-discuss.org Date: Monday, June 23, 2008, 11:13 PM Can someone help me hide the text in my h1 a { behind my Guide Star background image? Thank you. HTML http://www.choroideremia.org/new/crf_header.php CSS http://www.choroideremia.org/css/layout.css Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
On Mon, 23 Jun 2008 22:33:15 +0100, Christopher [EMAIL PROTECTED] wrote: Yeah I applied my mock-up image that should be used as the wrapper and I don't see it, is #wrapper a div cause I just put that code as seen below this message under the {body} style. Either way I didn't see my mock up image that I wanted placed on the right showing up. Chris, Unless we all come round to your house we can only experiment with what you give us in the way of published files. If you look at the code on the example I posted you will see that the #wrapper is a div that encloses the other items on the page. The thin slice that I took from the tight hand side of your backgroundforpage10.png is used to repeat across the page to take care of any whitespace that is not covered by your large image. Whatever the mock up image is that you want on the right side, it needs to be published as a part of the page. Don't forget, it is only when you publish the files to a server that we can see them. Duncan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two background images on the {body}
Hi Christopher, you've come through off-list but no matter, only problem is that anyone else following the thread won't know of any changes. First off, you mustn't lose sight of the fact that no-one can see changes that you make to your local files. They must be published to a server for anyone to be able to suggest modifications or corrections. As I can't see your mock-up image, I'll go back to the code that I published as a demo and explain a little of that. I'll put notes in standard comment notation so it doesn't screw up if you view it in Dreamweaver. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / title/title link href=navigationalbar.css rel=stylesheet type=text/css / style type=text/css !-- -- body { background-image: url(backgroundforpage10_cr.png); /* This is a modified image, a 5px slice taken from your main backgroundforpage10.png image. It's purpose is to be able to repeat across the width of the screen to fill any whitespace unfilled by the main image. As it is part of the original image it should blend reasonably well */ background-repeat:repeat-x; /* the repeat-x makes the image repeat until it fills the width of the screen */ background-attachment: scroll; height: auto; width: auto; padding: 0; /* padding and margin were set as zero to eliminate the defaults from the browser */ margin: 0; /* so that the image holds its correct position. */ } #wrapper{ /* this is styling for the new div that was created to hold your main backgroundforpage10.png */ background-image: url(backgroundforpage10_cr2.png); /* to remove a step in the transition between this image and the slice applied to the body I trimmed this to remove the border on the right edge simply for demo display purposes */ background-repeat: no-repeat; /* a single image only is required so no-repeat is needed */ padding: 0; /* once again padding and margin set zero to cancel browser defaults for positioning purposes */ margin: 0; } /style /head body div id=wrapper !-- This is the start of the new div that was placed to hold the main background image -- div class=menunavigation div class=contact pAnimator \ Motion Graphics Artist /p pContact: [EMAIL PROTECTED] /p /div /div p class=backgnbsp;/p pnbsp;/p/div !-- This is where the wrapper div ends, you will see that it encloses all of the other items on the page -- /body /html Your HTML and CSS must be capable of working along with each other, the HTML provides the structure of the page and the 'hooks' to attach the relevant CSS rules. Taken in isolation, neither will provide very much, so simply taking my #wrapper rules may not have had too big an effect. I have attached the 2 modified image files so you can experiment with them rather than try to download them from my demo page. I did not make any changes inside your main CSS file and for now I would suggest setting up all of your css rules in the head area of the page so you can experiment more easily. Once you get fixed with your image layout you should take a deeper look at your css in the file, things like setting pixel heights for text are not generally considered good practice and a line height of 2px is not good. These are items that may give you problems as your page progresses so worth taking care of as soon as your images are sorted out. Duncan On Mon, 23 Jun 2008 23:52:58 +0100, Christopher [EMAIL PROTECTED] wrote: Hello Duncan, I have taken your #wrapper from your CSS and used it on my page (I am using Dreamweaver) and I don't see it when I preview locally. The only difference is that I replaced your image with my mock-up image, also what do you mean by #wrapper is a div that encloses the other items on the page Christopher Duncan Hill wrote: On Mon, 23 Jun 2008 22:33:15 +0100, Christopher [EMAIL PROTECTED] wrote: Yeah I applied my mock-up image that should be used as the wrapper and I don't see it, is #wrapper a div cause I just put that code as seen below this message under the {body} style. Either way I didn't see my mock up image that I wanted placed on the right showing up. Chris, Unless we all come round to your house we can only experiment with what you give us in the way of published files. If you look at the code on the example I posted you will see that the #wrapper is a div that encloses the other items on the page. The thin slice that I took from the tight hand side of your backgroundforpage10.png is used to repeat across the page to take care of any whitespace that is not covered by your large image. Whatever the mock up image is that you want on the right side, it needs to be published as a part of the page. Don't forget, it is only when you publish the files to a server
Re: [css-d] easy clearing: a new way?
Excellent reference. Thanks Ingo! Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Tables display problem in Firefox but not IE
Hello, I'm reworking a website that someone else created, and have been banging my head against the wall a bit with it. What happens is that the tables (that were laid out with images and rowspans) display fine in IE but not FireFox. FireFox puts a huge blank space between the first row of the page and the body content. The problem is that almost 25% of our users are using FireFox. Can someone please suggest how I could go about fixing this? You can see what I'm talking about by viewing this page (or the entire site, for that matter) in both IE and FireFox: http://www.er-mag.com/test.html http://www.PubCon.com/redirect.cgi?f=21d=3682011url=http://www.er-mag.com /test.html Thank you, Ian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Modifying CSS for specific browsers
Okay I'm punting to you guys but sure as the world, 60 seconds after I send this I'll find the answer. There are characters I can add to my CSS which are browser-specific, i.e., read only by Safari or IE6 for instance but I can't find a listing of them. I'm not talking about conditional style sheets but rather something like this: #footer { margin:0; padding:0 20px; _padding:0 10px;-- picked up only by IE6 background-color:#3f3f72; color:#fff; } Anyone care to offer me a reference where I can see what markup to use for different browsers? Also, while we're at it, is this approach any better/worse than a conditional style sheet? Thanks, -Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/