[css-d] forcing an element to the bottom of a cell?

2007-02-23 Thread Douglas Fraser
Hi,

   On http://www.microcinemadvd.com/documentary/, I want to get 
the BROWSE ENTIRE STORE link (on the left side) to always end up 
just above the newsletter signup form.   But on FF, the link always 
seems to end up in the middle of the page - on the first display of 
the page.  If the page gets redrawn, the link goes to the bottom.

this link is within a table cell and the table cell has 
vertical-align: bottom etc.  the table and the div surrounding that 
left hand table have height:100% - I presumed that would stretch the 
table/div to the height of the main area but

so what is the trick here?  I can not put the link right above the 
form b/c that wouldn't work with how tables are used to structure the 
page.   or a negative margin perhaps?

Safari does not even do the right thing on a redraw  I have no 
idea what it's like in IE but most of me just doesn't really care

I bet this is something simple...  I left this problem months ago and 
had to deal with other stuff

thanks
doug
__
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] Jumping buttons in IE6 fixed position hack. - update

2007-02-23 Thread francky
... And some more no-style friendly (and searchbot friendly), a beginning:

* updated testpage
  
http://home.tiscali.nl/developerscorner/css-discuss/test-universal_index6-update.html

Good luck,
francky
__
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-d] Do this here but not there...

2007-02-23 Thread Bruce MacKay
Hello folks,

My apologies for the title, but I couldn't think of another way to 
signal my question.

I have a div within which can appear table, p, or li elements. I want 
these elements to have a left hand margin of 10px so...

#myDiv p, #myDiv table, #myDiv li {
margin-left: 10px;
}

However, sometimes the li elements are within a table within 
#myDiv.  I'd appreciate some guidance on how to write my CSS so that 
those li elements (within a table within #myDiv) are not given a left 
margin of 10px?

Thanks,

Bruce

__
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] Styling legend in fieldset

2007-02-23 Thread Austin Harris
I have just been doing something similar again and dug out my basic page...

Looks like it will work for whatever width you want, (just set the formWrapper 
to what you want.)

http://art-dept.org/test/standardform.html

All the css id in the head and there is one background image.

Any comments are welcome on improvements etc.

It was done as an aid for some other developers.

I seem to be spending more and more time on forms so found it useful to get the 
stuff in one place, maybe I'll start getting a library of these things 
together at some point...

Austin

- Eystein Alnaes [EMAIL PROTECTED] wrote:
 
  *
 
 http://home.tiscali.nl/developerscorner/css-discuss/test-tibbits_form-legend-6.htm
 
 
 I'm still not getting there, and as off now my legends have been
 replaced
 with h3s :( Time is an issue, can't always get what we want.
 
 -E

__
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] Do this here but not there...

2007-02-23 Thread Martin Heiden
Bruce,

on Friday, February 23, 2007 at 12:27 Bruce MacKay wrote:


 #myDiv p, #myDiv table, #myDiv li {
 margin-left: 10px;
 }

 However, sometimes the li elements are within a table within 
 #myDiv.  I'd appreciate some guidance on how to write my CSS so that 
 those li elements (within a table within #myDiv) are not given a left 
 margin of 10px?

1.)

#mydiv { padding-left: 10px; }

2.)

#mydiv table li,
#mydiv table p { margin-left: 0; }


regards

  Martin

 



__
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-d] Nested Percentage Values

2007-02-23 Thread Lee Powell
Hi

Recently I've been moving from 'px' based sites and onto more fluid  
and elastic layouts. I've just been playing around with using %  
heights and margins in the following document:

http://sixtyten.co.uk/test.html

Basically, it's a div nested inside a container div. I've set a  
height and width for the container div in %, and then applied a  
similar format to the nested div... this has all worked fine. However  
the problem comes when I set a top-margin of 50% to the nested div.

Theoretically I would have thought the nested div would have though  
calculated the 50% from it's parent, however that doesn't seem to be  
the case and looks as though it's getting it from the body.

Maybe I'm just confused about how this should work and any advise or  
links to explaining why this is happening would be greatly appreciated.

Thanks
Lee
__
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] Styling legend in fieldset

2007-02-23 Thread Eystein Alnaes

 http://art-dept.org/test/standardform.html


 Austin


That looks a lot like what I needed 2-3 days ago :) Deadline is today, and
the site is almost done. With some bad markup. But I'm definitly bookmarking
your example for later use. Thanks!

~eys
__
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] Nested Percentage Values

2007-02-23 Thread Philippe Wittenbergh

On Feb 23, 2007, at 8:51 PM, Lee Powell wrote:

 http://sixtyten.co.uk/test.html

 Basically, it's a div nested inside a container div. I've set a
 height and width for the container div in %, and then applied a
 similar format to the nested div... this has all worked fine. However
 the problem comes when I set a top-margin of 50% to the nested div.

 Theoretically I would have thought the nested div would have though
 calculated the 50% from it's parent, however that doesn't seem to be
 the case and looks as though it's getting it from the body.

 From CSS 2.1, 8.3 Margins
 percentage
 The percentage is calculated with respect to the width of the  
 generated box's containing block. Note that this is true for  
 'margin-top' and 'margin-bottom' as well. If the containing block's  
 width depends on this element, then the resulting layout is  
 undefined in CSS 2.1.
http://www.w3.org/TR/CSS21/box.html#propdef-margin

'with respect to the width' is key here.

Resize you window horizontal to see what happens (using a decent  
browser, that is. IE sometimes does crazy things with % margins).

Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com




__
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-d] IE7 text size bug?

2007-02-23 Thread Arlen Walker
I seem to be triggering a text size bug in IE7. I don't have a copy  
of 7 yet, but when I went to a test machine to view the site, all the  
text was microscopic.

The markup is XHTML 1.0 strict and validates as such.
The CSS has validation errors on lines 230, 239, 704 and 705. The  
latter two are uses of opacity and the former two are uses of  
display:marker, a rule that was valid in CSS2 but not in 2.1 Since  
the text size issue is outside of those areas, I don't see why they  
would affect it. All text on every page, whether in a list or not,  
whether in a highlighted box (the use for opacity) or not, is affected.

And *only* under IE7. IE 6 displays the text OK, as does Firefox,  
Safari and Opera.

Any idea what weird rendering bug I just triggered? I suspect there  
will be other problems with 7, and I've arranged for some time with  
the test machine later to do the searchdestroy bit, but if I can get  
some advance information it'll be a help.

Site: http://www.whc2008.org/

Apologies in advance for the disorganization in the CSS file.  
Multiple designers with differing workstyles worked on it, and the  
workstyles haven't been resolved, yet. Site is due for its Grand  
Opening in about a month.

Have Fun,
Arlen

--
In God we trust, all others must supply data

__
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] IE7 text size bug?

2007-02-23 Thread Ian Young


 I seem to be triggering a text size bug in IE7. I don't have a copy
 of 7 yet, but when I went to a test machine to view the site, all the
 text was microscopic.


Just checked the site on another PC with IE6. On first load the site is Ok,
menus work, except preferences.

On clicking on a menu, the font on the menus reduce in size. Refreshing the
page results in the page starting normal size and then the menu font
changing to a smaller size.

The rest of page is OK.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.441 / Virus Database: 268.18.3/698 - Release Date: 23/02/2007
04:39

__
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] IE7 text size bug?

2007-02-23 Thread ~davidLaakso
Arlen Walker wrote:
 I seem to be triggering a text size bug in IE7. 
 Site: http://www.whc2008.org/
 Arlen
You are not triggering a text-size-bug .
Check and re-set the machine.
Default in IE/7.0 is:
pagezoom100%
viewtext-size medium

Best,
~dL

-- 
http://chelseacreekstudio.com/

__
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] IE7 text size bug?

2007-02-23 Thread Arlen Walker

On Feb 23, 2007, at 10:42 AM, Ian Young wrote:

 Just checked the site on another PC with IE6. On first load the  
 site is Ok,
 menus work, except preferences.

 On clicking on a menu, the font on the menus reduce in size.  
 Refreshing the
 page results in the page starting normal size and then the menu font
 changing to a smaller size.

 The rest of page is OK.

Yeah, I'm tracking that one down myself. I think it's something in  
the styleswitcher code I'm using, related to the FOUC bug. It's not  
as serious as the IE7 bug, though.

The preferences menu works, but what's happening is it's dropping  
down behind the yahoo search box, so you can't see it. It's next on  
my hit parade after the IE7 text size bug. It comes and goes as I  
twiddle with things like z-index; I've fixed it three times, but I  
just didn't like the kludges I was fixing it with, so I keep on. I  
may be forced pop the search into the menu bar before I'm done.

We've about resolved the CSS workstyle issues, so I'll clean that up  
before finalizing the search box problem.

Have Fun,
Arlen

--
In God we trust, all others must supply data

__
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] IE7 text size bug?

2007-02-23 Thread Gunlaug Sørtun
Arlen Walker wrote:
 Site: http://www.whc2008.org/

Observations on a slow connection.
In IE6: page loads ok with pretty normal text, but once everything is in
place _all_ text switches to a size I need glasses to read - 10px I think.
Same happens on reloads.

Some javascript that overrides font-size after load?

regards
Georg
-- 
http://www.gunlaug.no
__
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] IE7 text size bug?

2007-02-23 Thread ~davidLaakso
Arlen Walker wrote:

 On Feb 23, 2007, at 10:56 AM, ~davidLaakso wrote:

 You are not triggering a text-size-bug .
 Check and re-set the machine.
 Default in IE/7.0 is:
 pagezoom100%
 viewtext-size medium

 Hmmm. I had done that. One thing, though, that machine had custom 
 font size in the video control panel and the custom size was 113% 
 (108dpi). I didn't try resetting that to a normal setting.

 So you're telling me you were able to read the text in IE7?



re: http://www.whc2008.org/

XP

Yes. I am telling you I am able to read the text in IE7.0  at 1280 
without any problem.

And, yes...  I am telling you I am able to read the text in IE6.0  at 
1280 without any problem.

And, yes...  I am telling you both IE6.0  and IE7.0 are set at default.

And,  I am telling you  neither IE6.0  nor  IE7.0 are in accessibility 
mode.





 Arlen
Best,

~dL

-- 
http://chelseacreekstudio.com/

__
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] forcing an element to the bottom of a cell?

2007-02-23 Thread david
Douglas Fraser wrote:

On http://www.microcinemadvd.com/documentary/, I want to get 
 the BROWSE ENTIRE STORE link (on the left side) to always end up 
 just above the newsletter signup form.   But on FF, the link always 
 seems to end up in the middle of the page - on the first display of 
 the page.  If the page gets redrawn, the link goes to the bottom.

Step one: fix the 346 HTML validation errors:

http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.microcinemadvd.com%2Fdocumentary%2F

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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] Styling legend in fieldset

2007-02-23 Thread francky
Austin Harris wrote:
 [...]
 http://art-dept.org/test/standardform.html
 [...]

   
Hi Austin,
This kind of pages we like! :-)
 I seem to be spending more and more time on forms so found it useful to get 
 the stuff in one place, maybe I'll start getting a library of these things 
 together at some point...

 Austin
... and more easy to realize (in the meantime): adding this example to 
the css Wiki page about FormElements:
http://css-discuss.incutio.com/?page=FormElements
Idea?

Greetings,
francky
__
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-d] FooterStickAlt with a background color

2007-02-23 Thread Rakesh Pai
So, I've created a page using the exact code from footerStickAlt
http://www.themaninblue.com/writing/perspective/2005/08/29/ except
I've given a background to the HTML. Unfortunately, the background
applies only to the page to the extent of the viewport height. Which
means that if the page is taller than the viewport, the area below the
viewport will not have the background applied.

Any solutions?

-- 
Rakesh Pai
Mumbai, India.
[EMAIL PROTECTED]
http://piecesofrakesh.blogspot.com/
__
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-d] Help with box

2007-02-23 Thread Adam Boettiger
I have a basic question. I am learning how to design a site with  
rounded corners. The test URL is below. I have a top and bottom  
graphic with a div box in between but am seeing whitespace under the  
top graphic. Any help would be appreciated.

http://www.wildfiremediagroup.com/test.html
--
Adam Boettiger
[EMAIL PROTECTED]



__
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-d] CSS Navigation: Unordered lists within unordered lists / scaling with increased fonts

2007-02-23 Thread Steve Jenkins
Hi,
Wonder if anyone can help.

I've put together a CSS navigation based upon
http://alistapart.com/articles/slidingdoors/: see
http://www.countingclouds.co.uk/dump/css-query .

The main navigation (Home / Widgets / Flibberts / Doobies / Contact Us
) is an unordered list (UL), uses some images to implement some of the
drop-shadowing, images as backgrounds of the li and a href tags.
This works OK-ish, doesn't scale well if you increase the font-size in
Firefox (using 2.x), so do CTRL-+ and it gets messy. That's one issue.

The sub-navigation (Widgets: What are Widgets? / Widgets: World of
Widgets / Widget Food / Widget Life / etc ...) is implemented as a
DIV and p's. I tried implementing this as an unordered list where
the sub-nav UL is as list-item of the main-nav unordered list, but
couldn't get it to work. This is the correct way to implement this
semantically, but just couldn't work it out. One of the tricky things
seemed to be the border issues between main nav and sub nav.

My questions:
- Anyone suggest any better ways to implement this than I have?
Particularly re: the scaling if the font-size is increased.
- Anyone any suggestions re: how to deal with the sub-nav being an UL
in a LI of the main nav?

Many thanks,
Ste
__
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-d] forcing an element to the bottom of a cell?

2007-02-23 Thread Douglas Fraser
Hi,

   On http://www.microcinemadvd.com/documentary/, I want to get 
the BROWSE ENTIRE STORE link (on the left side) to always end up 
just above the newsletter signup form.   But on FF, the link always 
seems to end up in the middle of the page - on the first display of 
the page.  If the page gets redrawn, the link goes to the bottom.

this link is within a table cell and the table cell has 
vertical-align: bottom etc.  the table and the div surrounding that 
left hand table have height:100% - I presumed that would stretch the 
table/div to the height of the main area but

so what is the trick here?  I can not put the link right above the 
form b/c that wouldn't work with how tables are used to structure the 
page.   or a negative margin perhaps?

Safari does not even do the right thing on a redraw  I have no 
idea what it's like in IE but most of me just doesn't really care

I bet this is something simple...  I left this problem months ago and 
had to deal with other stuff

thanks
doug
__
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-d] New Image Replacement Method

2007-02-23 Thread Peter Anderson
Hi everyone,

 

A few years back, I developed an image replacement method that I hope works in
almost all situations.

Going off Dave Shea's page
(http://www.mezzoblue.com/tests/revised-image-replacement/), a good image
replacement method will work with screen readers, work with 'images off, CSS
on', not use empty span tags and work with most browsers.

I believe my method does all this, but without having screen reading software or
multiple browsers and platforms to test on, I was wondering if you wouldn't mind
testing this method for me.

 

Two slightly different methods can be found here:

http://people.aapt.net.au/~joian/ir/test1.html

http://people.aapt.net.au/~joian/ir/test2.html

 

Please test these pages with different settings (images, CSS, JavaScript -
on/off) and let me know how it goes. I'd be very interested in hearing
suggestions for making it better, etc.

My method may not work well (if at all), but this is what I'm trying to test.
I'd very much like to be able to come up with a good, solid image replacement
method that works for everyone in all situations - and I'll need your help to do
it.

 

Thank you very much!

 

 

Kind regards,

Peter Anderson.

__
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-d] ie6 problem: nav list border visibility, positioning, tranparency

2007-02-23 Thread James Taylor
just launched  a new site: 

http://stormpetrel.us/black_swan_excerpt.htm 

the XHTML 1.0 Strict DOCTYPE pages use inline 'tab' type list Navigation with 
background images and hover/active states based upon  Dan Cederholm mini-tabs

#nav
{
position: relative;
margin: 0 0 15px 0;
padding: 0 0 20px 30px;
border-bottom: 1px solid #9FB1BC;
}

all is well in ie7, FF, Safari etc but - 

i added margin-top: -1px; to all a:* states to shift up background images 1px 
to hide visible border-bottom for  Mozilla on PC 

but... now

border-bottom: 1px solid #9FB1BC is not visible in ie6 in region where #nav li 
is present 

if i do this

margin-top: -1px;
* margin-top: 0;

i think it /might/ make border-bottom visible in ie6 but not so in ie7?

(i work on a mac so do not see ie6 until i check on borrowed pc or $$ 
browsercam)

another thought is to change the background: #fff; used in the #nav container 
[.navspace] to transparent

any thoughts/ideas/advice are appreciated; this is my first post!

Thank You!


__
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] Help with box

2007-02-23 Thread Gunlaug Sørtun
Adam Boettiger wrote:
 I have a basic question. I am learning how to design a site with 
 rounded corners. The test URL is below. I have a top and bottom 
 graphic with a div box in between but am seeing whitespace under the 
 top graphic. Any help would be appreciated.
 
 http://www.wildfiremediagroup.com/test.html

images are inline elements by default, and will be given a space for
text-descenders.
Solution: turn those images into block-elements by adding...

.image {display: block;}


Block-elements are not centered by 'text-align: center' on body, so you
must place them in a wrapper-element and center that wrapper. Images
_should_ be inside a block-element anyway since you're using a Strict
doctype, so such a wrapper is a necessary element.


Note also that images are empty elements. They don't have closing tags.

This is wrong...
img class=image src=images/top.gif/img

This is correct closing of empty elements in XHTML 1.0...
img class=image src=images/top.gif alt= /
...with a space and a back-slash.
You should also have an alt-attribute. Leave that alt-attribute empty
since those images are purely decorative additions.

Check also the correct closing of the 'link' element in XHTML 1.0, which
also is an empty element.


Valid and working version of your test-page...
http://www.gunlaug.no/tos/alien/test_07_3040.html
...and stylesheet...
http://www.gunlaug.no/tos/alien/stylesheet.css
...with comments so you can study the vital parts.

(I vandalized your rounded corner images since they were too wide for
the design and the centering-method is changed. You may have to offset
your original images to the left by a couple of pixels (negative
margin-left) if you want to use them as is.)

regards
Georg
-- 
http://www.gunlaug.no
__
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] Help with box

2007-02-23 Thread ~davidLaakso
Adam Boettiger wrote:
 I have a basic question. I am learning how to design a site with  
 rounded corners. The test URL is below. I have a top and bottom  
 graphic with a div box in between but am seeing whitespace under the  
 top graphic. Any help would be appreciated.

 http://www.wildfiremediagroup.com/test.html
   

Another way of handling the box-- not better, just different than the 
method already presented.


!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta name=generator content=HTML Tidy for Linux/x86 (vers 1st 
November 2002), see www.w3.org /
meta http-equiv=content-type content=text/html; charset=utf-8 /
titlewild fire mediagroup/title
style type=text/css
/*![CDATA[*/
body {
color: #000;
background-color: #fff;
font: 100% arial, sans-serif;
margin: 30px 0; padding: 0;
text-align:center;
}
h1 {
font-size: 190%;
margin: 0;
padding-top: 30px;
padding-bottom: 200px;
}
#container {
width: 760px;
color: #fff;
background-color: #0066ff;
margin: auto;
}
img {
display: block;
margin: 0 auto;
padding: 0;
}
/*]]*/
/style
/head
body
img src=http://www.wildfiremediagroup.com/images/top.gif; alt= /
div id=container
h1Wildfire Media Group/h1
/div
img src=http://www.wildfiremediagroup.com/images/bottom.gif; alt= /
/body
/html

Best,
~dL

-- 
http://chelseacreekstudio.com/

__
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/