Re: [css-d] Can't Get Rid of Gap in Firefox

2009-10-16 Thread taestrada 


-Original Message-
From: r...@catjuggling.com [mailto:r...@catjuggling.com] 
Sent: Friday, October 16, 2009 5:12 PM
To: taestrada; css-d@lists.css-discuss.org
Subject: Re: [css-d] Can't Get Rid of Gap in Firefox

You may be aware of these things already, but :

I am seeing a 1-pixel offset in the border on the Home page. The header 
graphic sits 1 pixel to the left of the lower content, as seen in the 
border.

On the Services > Project Management, and Services > Landscape Architecture,

the image is not contained. It runs out the bottom of the container in 
Firefox.

This seems to fix it:

#content {
overflow: hidden;
} 

What browser are you using? I don't see the 1 pixel offset in IE 7. Thank
you for the other code. I'll add it.

Alix

__
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] Can't Get Rid of Gap in Firefox

2009-10-16 Thread taestrada 

-Original Message-
From: r...@catjuggling.com [mailto:r...@catjuggling.com] 
Sent: Friday, October 16, 2009 5:12 PM
To: taestrada; css-d@lists.css-discuss.org
Subject: Re: [css-d] Can't Get Rid of Gap in Firefox

You may be aware of these things already, but :

I am seeing a 1-pixel offset in the border on the Home page. The header 
graphic sits 1 pixel to the left of the lower content, as seen in the 
border.

On the Services > Project Management, and Services > Landscape Architecture,

the image is not contained. It runs out the bottom of the container in 
Firefox.

This seems to fix it:

#content {
overflow: hidden;
} 

You were right about the 1 pixel - I did just see it. Thank you!!!

__
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] Can't Get Rid of Gap in Firefox

2009-10-16 Thread taestrada 


-Original Message-
From: David Laakso [mailto:da...@chelseacreekstudio.com] 
Sent: Friday, October 16, 2009 2:54 PM
To: taestrada
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Can't Get Rid of Gap in Firefox

taestrada wrote:
>  
>
> In Firefox, there is a gap between the two divs. I would like the borders
to
> connect, as they do in IE 7.
>
>  
>  
>
> http://carlsonlandscapearch1.com.previewdns.com/index.html
>
>  
>
>
> Alix Estrada
>   





Not tested. Try:
#content{
padding-top: 0; <- :: delete ::
padding-top: 1px; <- :: add ::
}

Collapsing-margins:


~d

Thanks David. I also received some advice from Michael Brandt to add
margin:0; to my H1 which did the trick. I will read up on collapsing margins
however!

Alix

__
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] Can't Get Rid of Gap in Firefox

2009-10-16 Thread David Laakso 
taestrada wrote:
>  
>
> In Firefox, there is a gap between the two divs. I would like the borders to
> connect, as they do in IE 7.
>
>  
>  
>
> http://carlsonlandscapearch1.com.previewdns.com/index.html
>
>  
>
>
> Alix Estrada
>   





Not tested. Try:
#content{
padding-top: 0; <- :: delete ::
padding-top: 1px; <- :: add ::
}

Collapsing-margins:


~d
__
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] Can't Get Rid of Gap in Firefox

2009-10-16 Thread taestrada 
I'm having an issue in Firefox that looks fine in IE.  I have a header div
with a content div right underneath it. The border in the header div is part
of the image, whereas in the content div it is an actual border. 

 

In Firefox, there is a gap between the two divs. I would like the borders to
connect, as they do in IE 7.

 

Any help would be appreciated!

 

http://carlsonlandscapearch1.com.previewdns.com/index.html

 

Thank you,

 

Alix Estrada

__
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] styling different a-link states

2009-10-16 Thread Val Dobson 
Style all links in the stylsheet, as follows:

a:link {color: #xx} /* unvisited link */
a:visited {color:#xx} /* visited link */
a:hover {color: #xx} /* mouse over link */
a:active {color:#xx} /* selected link */

Val

2009/10/16 Chris Blake :
> helloo,
>
>
> link
>
> can i style the other states, e.g. hover, using this method of adding
> css or would i need to do it in the ?
>
> Thanks, CB

-- 
---
www.oakleafcircle.org.uk
www.valdobson.co.uk
www.astrodiary.co.uk
__
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] Strange box problem

2009-10-16 Thread LPA 
> 
> #main_main {
> overflow: hidden; <-- :: add to open the block and contain the 
> floats within it ::
> }


Many thanx David


__
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] corresponding paragraphs

2009-10-16 Thread Chetan Crasta 
The page contains tabular data, i.e., there is a relationship between the
contents of the cells in each row. This is a legitimate use of tables, you
do not need to use css instead.

On Fri, Oct 16, 2009 at 5:59 PM,  wrote:

> On the page at http://www.maireadnesbitt.com/press/press8a.html there is
> an article in French with a translation.
>
> It was a simple matter to place the two texts side by side and at the same
> time, assure that corresponding paragraphs begin on the same line, by using
> tables. Is there a standard technique for that using CSS?
>
> Bruce
>
>
> __
> 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/

[css-d] styling different a-link states

2009-10-16 Thread Chris Blake 
helloo,


link

can i style the other states, e.g. hover, using this method of adding  
css or would i need to do it in the ?

Thanks, CB
__
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] Strange box problem

2009-10-16 Thread LPA 
Hello,

I have a strange problem. The code works on IE but fail in FF, Opera,...

I'd like to understand/resolve why #main_main (red border bloc) don't 
include the the other blocs.


Thanx for your help

Here is the code :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; lang="en-US">


 test
 
 body {
  margin: 0;
  padding: 0;
  background: #FF;
  color: #123456;
 }

 #main_wrapper {
  min-width:960px;
  width:100%;
  background-color: #FF;
  margin: 10px 0;
 }

 #main_main {
  margin: 0 auto;
  min-width: 960px;
  width: 960px;
  border: 1px solid red;
 }

 #main_main #infos_zone {
  width: 310px;
  float: right;
  border: 1px solid blue;
 }

 #main_main #content_zone {
  width: 400px;
  float: left;
  border: 1px solid yellow;
 }
 





 

 
  
  content zone
  content zone
  content zone
  content zone
  

  
  
  Infos zone
  Infos zone
  Infos zone
  Infos zone
  Infos zone
  Infos zone
  Infos zone
  Infos zone
  Infos zone
  
 
 





__
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] corresponding paragraphs

2009-10-16 Thread G. Sørtun 
bruce.som...@web.de wrote:
>  On the page at http://www.maireadnesbitt.com/press/press8a.html there
>  is an article in French with a translation.
>
>  It was a simple matter to place the two texts side by side and at the
>  same time, assure that corresponding paragraphs begin on the same
>  line, by using tables. Is there a standard technique for that using
>  CSS?

Yes, float paragraphs left at under 50% width, and declare 'clear: both' 
on the first - leftmost and original - paragraph for each new "line".

regards
   Georg
__
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] Timetable without table

2009-10-16 Thread Philippe Wittenbergh 

On Oct 16, 2009, at 8:48 PM, Emanuele Venezia wrote:

> Maybe, but I've used this method in other situations and I don't
> remember such problem. Anyway I would like to understand why the "left
> column" is pushed downwards further through the page

>>  (http://blog.biblio.polito.it/openaccess/programma/incontro/)

Margin-collapsing in action.

The top/bottom margins between two  with class 'intervento' are  
collapsing together, but the margins on the floated  (with class  
'ora') are not collapsing (that is how margins on floated elements  
work).

If you zero out the margin-top on the , you'll see how the elements  
align.

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





__
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] corresponding paragraphs

2009-10-16 Thread bruce . somers 
On the page at http://www.maireadnesbitt.com/press/press8a.html there is an 
article in French with a translation.

It was a simple matter to place the two texts side by side and at the same 
time, assure that corresponding paragraphs begin on the same line, by using 
tables. Is there a standard technique for that using CSS?

Bruce


__
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] Timetable without table

2009-10-16 Thread Maujor 
This is a scenario where a table (not floats) is the best choice for markup.
Maurício

2009/10/16 Emanuele Venezia 

> Hi all,
> I've got a page
> (http://blog.biblio.polito.it/openaccess/programma/incontro/) with the
> programme for a seminar.
> I want to separate into two columns the time and the title of each
> speech. I've inserted the time in a left floated  and the title in a
>  not floated, just with a margin-left set equal to the width of the
> time .
> The paragraph with the time is also "cleared".
> Can anyone explain why the two columns are not vertically aligned in
> each "row"?
>
> Thank you
> Emanuele
> __
> 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/

Re: [css-d] Timetable without table

2009-10-16 Thread Emanuele Venezia 
Maujor wrote:
> This is a scenario where a table (not floats) is the best choice for 
> markup.
> Maurício
>
Maybe, but I've used this method in other situations and I don't 
remember such problem. Anyway I would like to understand why the "left 
column" is pushed downwards further through the page
> 2009/10/16 Emanuele Venezia  >
>
> Hi all,
> I've got a page
> (http://blog.biblio.polito.it/openaccess/programma/incontro/) with the
> programme for a seminar.
> I want to separate into two columns the time and the title of each
> speech. I've inserted the time in a left floated  and the title
> in a
>  not floated, just with a margin-left set equal to the width of the
> time .
> The paragraph with the time is also "cleared".
> Can anyone explain why the two columns are not vertically aligned in
> each "row"?
>

__
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] Timetable without table

2009-10-16 Thread Bobby Jack 
--- On Fri, 10/16/09, Emanuele Venezia  wrote:

> Can anyone explain why the two columns are not vertically
> aligned in each "row"?

The top margin of the floated paragraph is not collapsing with the bottom 
margin of the paragraph above it, unlike the non-floating paragraph on the 
right.

You could either adjust these specific margins, or float the non-floating paras 
to the right.

- Bobby
__
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] Timetable without table

2009-10-16 Thread Emanuele Venezia 
Hi all,
I've got a page 
(http://blog.biblio.polito.it/openaccess/programma/incontro/) with the 
programme for a seminar.
I want to separate into two columns the time and the title of each 
speech. I've inserted the time in a left floated  and the title in a 
 not floated, just with a margin-left set equal to the width of the 
time .
The paragraph with the time is also "cleared".
Can anyone explain why the two columns are not vertically aligned in 
each "row"?

Thank you
Emanuele
__
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/