Re: [css-d] ASP.NET - Tableless Forms
On Tue, Feb 17, 2009 at 4:13 PM, Bill Brown wrote: > christi...@netscape.net wrote: > > It seems to be a little-known fact that the W3C actually says that > > tables can be used to lay out (actually it says "present") forms. > > More info here: http://developer.cmzmedia.com/?p=71 > > Yes, tables were not intended to lay out a whole web page but they do > > have legitimate uses. There's no need to throw the baby out with the > > bath water. > Personally, I agree with this idea, at least for complex forms. For simple forms, a with some input elements works just fine, and can be easily styled. Regarding ASP.Net in particular, it creates some of the most hideous HTML I've ever seen. Take a look at the output from a "Treeview" control and you'll see exactly what I mean. Try using the CSS adapters [1] to make your life a little easier. A little off-topic, but also of note with ASP.Net is that you can make *any* tag a server-control, just by throwing runat="server" into it. Be warned that this will screw with your element IDs, but if you're not using them (or can use class names instead) it works quite well. I use ASP.Net a lot, and tend to do things like: This will let you do "this.name.Value" on the server side and lets ASP manage the viewstate, while not relying on the ASP controls, so you can easily style your elements via CSS. HTH. [1] http://www.asp.net/CssAdapters/ -- Jerod Venema Frozen Mountain Software http://www.frozenmountain.com/ 919-368-5105 __ css-discuss [cs...@lists.css-discuss.org] 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] Firefox Weirdness
Sweet :) Learn something new every day...
On Mon, Feb 2, 2009 at 2:31 PM, David Laakso
wrote:
> Jerod Venema wrote:
>
>> Thanks for the tips. Out of curiousity, how does that 100%/1.4 work?
>>
>
> html, body
> {
> font: 100%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
> }
> 100% percent is user default font-size. 1.4 is line height expressed as a
> raw number (no unit of measure).
>
> That's legit css?
>>
>
> Ask the w3c CSS Validation Service :-) .
> <http://jigsaw.w3.org/css-validator/>
>
>
>
> ~d
>
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
>
--
Jerod Venema
Frozen Mountain Software
http://www.frozenmountain.com/
919-368-5105
__
css-discuss [cs...@lists.css-discuss.org]
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] Firefox Weirdness
Thanks for the tips. Out of curiousity, how does that 100%/1.4 work? That's
legit css?
On Mon, Feb 2, 2009 at 10:15 AM, David Laakso
wrote:
> Jerod Venema wrote:
>
>> You guys rock. I dropped off the opacity setting and it works like a
>> champ.
>> It wasn't a large amount anyway, so I'll just drop it off.
>>
>> Thanks a ton!
>>
>> -Jerod
>>
>>
>>
>>
>>> http://frozenmountain.com/team.aspx
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>
> Following up somewhat on Felix's suggestion, consider ditching the 10px
> mousetype and enable your good friends and associates in Redmond to scale
> their fonts easily, too-- try:
> html, body
> {
> font: 100%/1.4 "Helvetica Neue", Arial, sans-serif;
> margin: 0;
> padding: 0;
> }
> and use percent throughout the remainder of the style sheet...
> BTW, font-scaling shoves those blue bars right through your chest :-) , and
> your photo images are a no-show in IE/6..
>
> --
>
> A thin red line and a salmon-color ampersand forthcoming.
>
> http://chelseacreekstudio.com/
>
>
--
Jerod Venema
Frozen Mountain Software
http://www.frozenmountain.com/
919-368-5105
__
css-discuss [cs...@lists.css-discuss.org]
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] Firefox Weirdness
You guys rock. I dropped off the opacity setting and it works like a champ. It wasn't a large amount anyway, so I'll just drop it off. Thanks a ton! -Jerod On Mon, Feb 2, 2009 at 8:21 AM, Virgilio Quilario < virgilio.quila...@gmail.com> wrote: > Works fine here too. > FF3.0.5 on winXP PRO SP2 > > virgil > http://www.jampmark.com > > On Mon, Feb 2, 2009 at 9:04 PM, David McGlone wrote: > > On Sunday 01 February 2009 7:19:25 pm Gunlaug Sørtun wrote: > >> Jerod Venema wrote: > >> > http://frozenmountain.com/team.aspx > >> > > >> > in FF (3), and check out the "Length of Service: 9 Years", you'll > >> > notice that the "s" is slightly cut off. > >> > >> Seems to be OS related one way or another. > >> > >> FF3.0.5 on win2K - no problem. > >> FF3.0.5 on winXP - is cut off. > >> FF3.1b2 on Vista - is cut off. > >> FF3.0.5 on Ubuntu - no problem. > >> > >> All on same resolution. > >> > >> Haven't observed such "last-letter clipping" in FF before. > > > > Works fine here on Kubuntu FF 3.0.4. > > > > -- > > David M. > > __ > > css-discuss [cs...@lists.css-discuss.org] > > 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 [cs...@lists.css-discuss.org] > 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/ > -- Jerod Venema Frozen Mountain Software http://www.frozenmountain.com/ 919-368-5105 __ css-discuss [cs...@lists.css-discuss.org] 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] Firefox Weirdness
Hey all, I've got some weird behaviour, and I was wondering if anyone has seen this before. If you look at this page: http://frozenmountain.com/team.aspx in FF (3), and check out the "Length of Service: 9 Years", you'll notice that the "s" is slightly cut off. It's very odd, because if you select the text with your mouse, and then click somewhere else to un-select it, the "s" shows up perfectly. I've seen the same behaviour in a few other places, always at the end of a text block. It's not being covered up by other elements, its just flat out not rendering properly. If I add a non-breaking space, it goes away, but obviously that's a hack and I don't want to spread all over my pages. Anyone have any ideas? -- Jerod Venema Frozen Mountain Software http://www.frozenmountain.com/ 919-368-5105 __ css-discuss [cs...@lists.css-discuss.org] 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] Random padding in firefox...
Thanks all for the replies...the overflow: hidden does indeed do the trick,
and Georg's explanation makes sense. The 1px border is still up on the site,
because you can't *really* tell that it's there and I'm still playing with
it to figure this out, so if anyone else wants to mess with it in firebug,
you're still able to.
Thanks for the help!
-Jerod
On Fri, Jan 16, 2009 at 3:52 AM, Gunlaug Sørtun wrote:
> David Hucklesby wrote:
>
> Indeed that works. But I'm as confused as Jerod here - I don't see
>> evidence of margins on anything here. The only element that's likely
>> to have a margin is the UL, and Jerod has expressly set that to
>> zero. And poking around with Firebug, I can't see what is
>> overflowing.
>>
>> So "Collapsing Margin Bug" does not seem to be an explanation.
>>
>
> The margins in question are on #headerText h2 and #headerText h3. Remove
> the top and bottom margins on those two elements, and the need to
> contain collapsing margins in #header is gone.
>
> The confusion comes from the fact that the vertical margins that are
> collapsing, creates a gap at the same place regardless of whether they
> are top or bottom margins.
>
> Since margins in themselves are invisible there's no way I can prove
> which element the top vs. the bottom margins get attached to for the
> case at hand. However, the top of #header and the bottom of #toolbar
> meet where the gap appears, so both these elements probably get an extra
> margin out of the "collapsing margin" process. This gap won't become
> larger than the largest vertical margin that ends up there - 10px.
>
> Comment out #headerText h2{margin-bottom:10px;} and there will only be a
> 5px gap, since the other vertical margins that are involved are all 5px
> tall. The gap will stay at 5px until all vertical margins on h2/h3 are
> gone.
>
> regards
>Georg
> --
> http://www.gunlaug.no
>
--
Jerod Venema
Frozen Mountain Software
http://www.frozenmountain.com/
919-368-5105
__
css-discuss [cs...@lists.css-discuss.org]
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] Random padding in firefox...
Hey all, I've got a weird bug that I can't figure out. Our website, www.frozenmountain.com, shows the behaviour. If you visit the site, check out #header. You'll notice that it has a 1px top padding. What's bizarre is, if you remove the padding, the spacing jumps about an extra 10px. I can't for the life of me figure out why. It only happens in FF3 (well..only being liberal, I've only tested in FF and IE so far). Anyone have any ideas? -- Jerod Venema Frozen Mountain Software http://www.frozenmountain.com/ 919-368-5105 __ css-discuss [cs...@lists.css-discuss.org] 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] IDs on W3C.org
On Mon, Nov 10, 2008 at 4:09 PM, Tim Arnold <[EMAIL PROTECTED]> wrote: > I often find myself using classes where I would normally use IDs when > coding templates for any number of .NET-based content management > systems. Many .NET controls output system-generated IDs which forces us > to use classes instead. It bugs me every time, but there's not really > much to do about it, from what I understand. Worse is having to deal > with the nightmare of embedded tables used for layout in many of the > .NET controls. Very, very ugly. Hey Tim, I too develop in .NET, and when working with the built-in controls, I find this to be helpful: http://www.asp.net/CssAdapters/ Doesn't solve the "ID" issue, but it does solve the layout problem. -Jerod Venema __ 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] Lightweight HTTP server for beginner's http://localhost/ ?
I'd also recommend checking out some from this list: http://en.wikipedia.org/wiki/Tiny_web_servers I've used shttpd before (although they're on a different version now) and had good luck with it. -Jerod 2008/9/5 David Jones <[EMAIL PROTECTED]>: > >> -Original Message- >> From: [EMAIL PROTECTED] >> [mailto:[EMAIL PROTECTED] On Behalf Of christopher >> Sent: Friday, September 05, 2008 3:28 PM >> To: css-d@lists.css-discuss.org >> Cc: [EMAIL PROTECTED] >> Subject: Re: [css-d] Lightweight HTTP server for beginner's >> http://localhost/ ? >> >> >> > Can anybody recommend a suitable lightweight HTTP server >> that even a >> > complete newbie from Mars could set up with the local site root >> > specified, etc.? >> >> I don't really think this qualifies as lightweight, but I set >> up apache a couple of times and it was really easy. I only >> mention this because I feel like I have the same "gaps" in >> knowledge that you do. I'm a novice css'er, I don't do it for >> a living, and I actually don't enjoy css and html b/c I feel >> like it takes a creative person to do anything interesting >> with it, which I am not. Anyway, I'm sure there are some >> experienced people who do like it and do do it for a living >> who will have opinions on this. > > Setting it up using Apache2Triad <http://apache2triad.net> makes it very > lightweight. Lightweight enough that I used to run it on my old desktop > Windows98 PC ... Apache2Triad is very easy for novices (and when it > comes to configuring a web server, that's pretty much exactly where I > am!) > > David Jones, Content Coordinator, Information and Technology Management, > Customer Relations - KL PS, (808) 948-5830 > > "MMS " made the following annotations. > -- > > This electronic message is not an offer to contract, the acceptance of an > offer to contract, or in any other way intended to contractually obligate > HMSA; neither is it intended to change the terms of any existing contract > unless specifically so stated. > > The information contained in this electronic message (or attached hereto) is > intended only for the individual or entity to which it is addressed and may > contain information that is confidential and protected by law. If you are > not the intended recipient of this e-mail, you are cautioned that use of its > contents in any way is prohibited and may be unlawful. If you have received > this communication in error, please notify the sender immediately by e-mail > or telephone and return the original message by e-mail to the sender or to > [EMAIL PROTECTED] We will reimburse you for any cost you incur in notifying > us of the errant e-mail. Thank you. · > == > > > ______ > 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/ > -- Jerod Venema Senior Software Engineer Nth Penguin, LLC http://www.nthpenguin.com (919) 368-5105 --- WebWidgetry.com / MashupStudio.com Future Home of the World's First Complete Web Platform __ 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] disappearing arrow
Good 'ol IE :)
Looks like the UL doesn't have "layout"...
Try this:
#sidenav, #leftnav ul {
zoom:1;
padding: 15px 5px 15px 25px;
}
-Jerod
On Tue, Sep 2, 2008 at 10:31 PM, Rebecca Richter
<[EMAIL PROTECTED]> wrote:
> Hi!
>
> An arrow that should appear to the left of the text "Board" is missing in IE
> on this page:
>
> http://www.blackfootchallenge.org/rebeccatest/nav1.html
>
> It looks as it should in Firefox.
>
> What is going on?
>
> Thank you :)
>
> - Becca
>
> __
> 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/
>
--
Jerod Venema
Senior Software Engineer
Nth Penguin, LLC
http://www.nthpenguin.com
(919) 368-5105
---
WebWidgetry.com / MashupStudio.com
Future Home of the World's First Complete Web Platform
__
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] Ways to create css pages
On 8/2/07, Joel D Canfield <[EMAIL PROTECTED]> wrote: > > > That said, whether you maintain libraries and/or snippets of css for > > reuse from project to project or like to roll your sleeves up afresh > > each time confronted with a blank slate is very much on topic, so > > have at it! > > Personally, the only css "library" I use is the yui css reset/fonts. For actual design work, I like having a picture to work with. We have an artist who generally designs the overall look of the site in some combination of art programs, and after a couple reviews, I'll get started on the basic HTML; build the content without any regard to looks. Once the content is in place, I'll add in the yui css reset/fonts (so useful) and start from scratch adding css to make the site look like the picture. Seems to work out pretty well in the end... -Jerod __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not centring correctly in Firefox
Try adding border:1px solid red; height:600px; to your "body" definition and you'll see the problem. It's because FF is (correctly) interpreting that your body has a 0px height (there's only a single absolutely positioned element in it)...so the vertical center means "put half of the image in the page, half above the top of the page" -Jerod On 7/25/07, Seona Bellamy <[EMAIL PROTECTED]> wrote: > > Heya, > > I was under the impression that by setting the background-position to > "center center" you could get your background image sitting in the middle > of > the screen. IE is doing this just fine, but with Firefox I am finding that > the image sits right up at the top, half off the screen. You can see it in > action at http://www.frontandback.com.au/temp/ > > What have I done wrong? The CSS is in the head of the document for > purposes > of debuging this. As you can see, there's not much to it so I doubt it's > being thrown out by something else. > > Any suggestions would be appreciated. > > Cheers, > > Seona. > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
