Re: [css-d] Suckerfish Dropdown Problem with IE6

[Richard Grevers]

On 2/13/08, Nancy Johnson <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I am using suckerfish drop down in a section of my website.
>
> One page of this section also has a form with select boxes.
>
> In IE6, the suckerfish drop-down menu which is at the top of the
> section appears behind the select boxes instead of in front of the
> select boxes.  IE6 is the only browser I test in that this happens.
> Any suggestions to correct this?
>
> I cannot put this on a public site to show you.  If someone responds
> offline, then I am happy to send a screen shot.
>
Form elements have infinite z-index in IE6. No way to correct it, so
you will have to work around it in the design:
Either
1) Move the form so that the menus won't intersect the form elements
or
2) Hide the form elements when the menus extend.

-- 
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
__
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] strange gaps 2

[Gunlaug Sørtun]

Erland Flaten wrote:
> Sorrry, Forgot the URL: http://www.nuna.no/ahus/forside.html
> 
> Thanks, Tusen takk und vielen dank for help on this to Gunlag and 
> Christian :)
> 
> I have tried to use the solution and it works as it should, but I
> have still has some issues. - There is a gap between the header
> section and the three DIVs sidebar1, sidebar2 and maincontent.

Collapsing margin[1].

Style it...

#container #verticalcrossupper {
margin: -1px 0 0 0;
padding: 1px 0 0 0;
}

...and the margin will be contained and the gap disappear.

> - There is also a gap between the footer and botom of this DIVs

The addition of...

#container #horisontalkors {
margin-top: (some suitable value);
}

...will fix that - once you have the other layout parts under control.

regards
Georg

[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
-- 
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] strange gaps 2

[David Laakso]

Erland Flaten wrote:
>  http://www.nuna.no/ahus/forside.html
>
>
> - There is a gap between the header section and the three DIVs  
> sidebar1, sidebar2 and maincontent.
> - There is also a gap between the footer and botom of this DIVs
>   




p {margin: 0;} <-- :: add this ruleset to your style sheet ::

#container #verticalcrossupper {
height: /*340px*/319px; <- :: the img is 319px tall not 340px ::
}




Best,

~dL














>
>   

__
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] newbie CSS questions

[Gunlaug Sørtun]

AJ Putnam wrote:
> So, I did what you indicated.  I went and removed all a:p from the 
> style sheet.  Really messed with my layout.  i added your short bit 
> of code to the top and it helped marginally.  so, i am still at a 
> loss.

Delete that "short bit of code" now, as it was only for demo/debugging
and serves no purpose anymore.

> what did I do wrong?

Nothing really - at least not yet, but you have to complete the job.

>> 2: use margins to push elements into place.

Which means you have to correct nearly all margins used in your
stylesheet - especially all those large 'margin-top'.

>> 3: don't restrict height on elements that are supposed to expand 
>> with content, and clear below floats.

Which for that particular page means deleting 'height : 720px;' on
#tourmiddle.

Have a look at a reasonably well-aligned example...



...that will render the same across browser-land.

Take a close look at the stylesheet for that example - as seen through
the validator...



All those errors are made by me, as I've rendered almost all instances
of 'margin-top' useless in a way that the validator flags. This way I
won't have to write about every single one of them.
Now you correct those margins and give them values that suits your
layout now that all 'a:p' are gone, and all browsers will render your
layout properly.

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/

[css-d] strange gaps 2 (was: cant do bottom background )

[Erland Flaten]

Sorrry, Forgot the URL: http://www.nuna.no/ahus/forside.html

Thanks, Tusen takk und vielen dank for help on this to Gunlag and  
Christian :)

I have tried to use the solution and it works as it should, but I have  
still has some issues.
- There is a gap between the header section and the three DIVs  
sidebar1, sidebar2 and maincontent.
- There is also a gap between the footer and botom of this DIVs

There are also some adjustment to do on the grapics

Den 13. feb.. 2008 kl. 03.56 skrev Gunlaug Sørtun:
>>
>
> One way to solve your problem is to rearrange the entire "kors"
> image complex.
>
> - The crossing - horizontal with curves - part should be declared as
> background on a separate div above #footer, where you have a  class="clearfloat" /> now.
>
> - The vertical part above needs its own container surrounding  
> #sidebar1,
> #sidebar2 & #mainContent. Image should be taller so the container can
> grow in height without running out of background.
>
> - The vertical part below should be declared on #footer, as now.
>
> - Containers/elements above and below the crossing, can be pulled/ 
> pushed
> up and/or down until they line up as you want. The element with the
> crossing can then be stacked - position: relative; z-index: 1; - so  
> the
> "kors" crossing appears in the right place. Further stacking will keep
> relevant elements on top.
>
> Such an arrangement will keep the entire "kors" perfectly aligned even
> under severe stress.
__
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] strange gaps (was: cant do bottom background )

[Erland Flaten]

Thanks, Tusen takk und vielen dank for help on this to Gunlag and  
Christian :)

I have tried to use the solution and it works as it should, but I have  
still has some issues.
- There is a gap between the header section and the three DIVs  
sidebar1, sidebar2 and maincontent.
- There is also a gap between the footer and botom of this DIVs

There are also some adjustment to do on the grapics

Den 13. feb.. 2008 kl. 03.56 skrev Gunlaug Sørtun:
>>
>
> One way to solve your problem is to rearrange the entire "kors"
> image complex.
>
> - The crossing - horizontal with curves - part should be declared as
> background on a separate div above #footer, where you have a  class="clearfloat" /> now.
>
> - The vertical part above needs its own container surrounding  
> #sidebar1,
> #sidebar2 & #mainContent. Image should be taller so the container can
> grow in height without running out of background.
>
> - The vertical part below should be declared on #footer, as now.
>
> - Containers/elements above and below the crossing, can be pulled/ 
> pushed
> up and/or down until they line up as you want. The element with the
> crossing can then be stacked - position: relative; z-index: 1; - so  
> the
> "kors" crossing appears in the right place. Further stacking will keep
> relevant elements on top.
>
> Such an arrangement will keep the entire "kors" perfectly aligned even
> under severe stress.
__
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] everything looks ok until loaded in ---> IE6

[David Laakso]

Amy Carr wrote:
>
> the page : http://www.marshall-legacy.org/!news_and_events/main-news.html
>
> the css : http://www.marshall-legacy.org/css/mainlasttime.css
>
> screenshot of how it should appear : 
> http://www.marshall-legacy.org/sceernshot.jpg
>
> thanks in advance,
> lisa
>   



I think you'll need to re-think your approach and positioning scheme. 
The numerals are only positioned where you want them if the page is 
viewed at 1024 in compliant browsers. And since the content font-size is 
considerably less than some users prefer, font-scaling will do a number 
on the whole page because of the fixed height restrictions that have 
been imposed.

Regards,

~dL

-- 
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] Hello & CSS Problem (explained)

[David Laakso]

Christopher wrote:
> Hello, thank you this gallery e2 Gallery 
>  I'm trying to get to 
>
> Onto the CSS problem...]  Now two problems 
> first off when I import a style sheet from the gallery into
> dreamweaver to see it it completely takes over...]
>
>
> Christopher
>
>
>
>
>   



Put *your page* on a public server with a clickable link to it in your 
post-- someone may be able to help with CSS issues you may have with it.
Problems with server-side scripting is best addressed to a PHP list.
I do not use Dreamweaver, and have no idea where one goes for assistance 
with your editor.

Best,

~dL

__
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] Need help with a float inside a DIV

[David Laakso]

David Laakso wrote:
> Webmaster wrote:
>   
>> http://www.tusculum.edu/bookstore/new.html
>>
>> I have a simple heading with an logo image, and I want to float the address 
>> text to the right inside the header DIV. I tried this, but in both IE and 
>> Firefox, the text drops out of the header DIV. I tried putting the image in 
>> a DIV and floating it to the left, but that still doesn't work with Firefox, 
>> and it looks ugly in IE.
>>
>>
>> --
>> Travis Crabtree
>>   
>> 
>
>
>
>   

I meant to delete this before hitting send as the changes are included 
in the #header ruleset above it in my initial reply

#header {
  /*height: 90px;*/ <
min-height: 6.5em; 
}



~d

-- 
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] Need help with a float inside a DIV

[David Laakso]

Webmaster wrote:
> http://www.tusculum.edu/bookstore/new.html
>
> I have a simple heading with an logo image, and I want to float the address 
> text to the right inside the header DIV. I tried this, but in both IE and 
> Firefox, the text drops out of the header DIV. I tried putting the image in a 
> DIV and floating it to the left, but that still doesn't work with Firefox, 
> and it looks ugly in IE.
>
>
> --
> Travis Crabtree
>   




#header {
  position: relative;
  width: 765px;
  /*height: 90px;*/ <- :: delete ::
min-height: 6.5em; <- :: add::
  margin: 0px 0px 0px 0px; <- :: delete ::
background-color: #ff9933;
border-bottom: 1px solid #000;<- :: add::
border-style: solid; < :: delete this and all rules below ::
border-bottom-width: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-color: #00;
}


#header {
  /*height: 90px;*/ <
min-height: 6.5em; 
}


* html #header {height: 6.5em;  } < :: add for ie/6  ::

.header-text
{ 
position: absolute; <- :: add::
top: 5px; <- :: add::
right: 0; <- :: add::
width: 420px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00;
font-size:10px;
/*float:right;  < :: delete this and all rules below ::
line-height:13px;
margin:4px;
padding:1px;
clear:left;*/
}


Best,
~dL










-- 
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] Problem with clearing DIVs - I think

[David Laakso]

Nicole Aebi wrote:
> Thanks. So near and yet so far! I've managed to get it working for the 
> photos but the news bit just ends up all crammed under the first news 
> story.
>
> Stuck :-)
> Nicole
>
> */
> /*



Reference uri:

 


Oh my, that will never do (smacks self alongside head). See if this is 
more like what you want-- you'll see changes in the embedded css and in 
the markup:



Best,

~dL



__
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] Need help with a float inside a DIV

[Jim Davis]

Remove clear: left; from .header-text and clear the float later in the
markup.

Jim

On Feb 13, 2008 7:59 AM, Webmaster <[EMAIL PROTECTED]> wrote:

> I've got what seems to be a simple problem, but I can't find the answer.
> I've got this page: http://www.tusculum.edu/bookstore/new.html
>
> I have a simple heading with an logo image, and I want to float the
> address text to the right inside the header DIV. I tried this, but in both
> IE and Firefox, the text drops out of the header DIV. I tried putting the
> image in a DIV and floating it to the left, but that still doesn't work with
> Firefox, and it looks ugly in IE.
>
> The relevant CSS file is here:
> http://www.tusculum.edu/bookstore/css/box.css
>
>  I apologize in advance for the ugliness of the CSS and the simplicity of
> this problem, but I appreciate any help. Thanks.
>
> --
> Travis Crabtree
> Webmaster
> Tusculum College
> phone: 423.636.7300 ext. 5132
> fax: 423.636.7492
> email: [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/
>
__
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] Need help with a float inside a DIV

[Webmaster]

I've got what seems to be a simple problem, but I can't find the answer. I've 
got this page: http://www.tusculum.edu/bookstore/new.html

I have a simple heading with an logo image, and I want to float the address 
text to the right inside the header DIV. I tried this, but in both IE and 
Firefox, the text drops out of the header DIV. I tried putting the image in a 
DIV and floating it to the left, but that still doesn't work with Firefox, and 
it looks ugly in IE.

The relevant CSS file is here: http://www.tusculum.edu/bookstore/css/box.css

 I apologize in advance for the ugliness of the CSS and the simplicity of this 
problem, but I appreciate any help. Thanks.

--
Travis Crabtree
Webmaster
Tusculum College
phone: 423.636.7300 ext. 5132
fax: 423.636.7492
email: [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] newbie CSS questions

[Gunlaug Sørtun]

AJ Putnam wrote:
> http://ajputnam.com/sky/ontour
> 
> as you can see, the content table just sort of hangs over the lower 
> edge.

1: delete _all_ instances of 'position: absolute', or else you'll get
nowhere.
Absolute positioned elements are treated as if they do not take up any
space, so the expansion you're expecting can't take place. 'A:P' also
deactivates 'float', so you'll get no float-behavior.

2: use margins to push elements into place.

3: don't restrict height on elements that are supposed to expand with
content, and clear below floats.

Pity IE7 doesn't support CSS table, or else you could have started here...



...and just trimmed some margins.

I've used...

* {margin-top: 0!important; position: static!important;}
div {display: table;}

...to override the problematic parts of your styles. That works fine in
Firefox, Opera, and even IE6, but in order to make it work as intended
across browser-land you'll have to go through your stylesheet and
correct it line by line.

BTW: you don't need a layout table, since regular elements - divs - will
also expand with content when height is unrestricted. The layout table
does no real harm though.

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] Problem with clearing DIVs - I think

[Nicole Aebi]

Thanks. So near and yet so far! I've managed to get it working for the photos 
but the news bit just ends up all crammed under the first news story.

Stuck :-)
Nicole

David Laakso <[EMAIL PROTECTED]> wrote: Nicole Aebi wrote:
> Hello
> I'm trying to create a CSS layout with a central body that has 4 stories in 
> it. Each story will have a photo on the left with text relating to it on the 
> right. 
>
> At the moment, I can create one story but the moment I try to add a second or 
> third it doesn't work. 
>
> The site is: http://www.bond.org.uk/Newsite/
> With the CSS at: http://www.bond.org.uk/Newsite/lgso4.css
>
> I've tried several things like clearing the photo div or having four 
> different divs - numbered 1 to 4, but neither worked and having different 
> divs seemed not very elegant - much like this sentance!
>
> Can anyone point me in the right direction?
>
> Thanks
> Nicole
>
>
>   

Create a class (named whatever you like) and repeat as many times as needed 
beneath the #news division.

css:
.more-news {float:left;clear:left;}

html


...


 



...


 


...


 



...


 

Best, 
~dL





-- 
http://chelseacreekstudio.com/



   
-
 Sent from Yahoo! - a smarter inbox.
__
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] Need Text To Wrap

[Elli Vizcaino]

--- Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:

> Elli Vizcaino wrote:
> 
> > I have coded this weather module for work: 
> > http://e7flux.com/weathercenter/weathercenter.html
> > 
> > and I need the text inside the bottom 2nd column
> to wrap onto next
> > line underneath the temperature. It does so in IE7
> but not in FF or
> > Safari.
> 
> You can add a suitable width...
> 
> .fh3daytemp {width: 85px;}
> 
> ...and the text will be forced to wrap.
> 
> Note that no matter the method used, the text will
> overflow those small
> containers when subjected to font-resize - in all
> browsers.
> 
> regards
>   Georg
> -- 
> http://www.gunlaug.no
> 

Thanks Georg! You're a genius!



  

Never miss a thing.  Make Yahoo your home page. 
http://www.yahoo.com/r/hs
__
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] Problem with clearing DIVs - I think

[Chris Akins]

This page sounds like what you're trying to do.  It's close to what David L.
suggested, but not exactly.  His methods are more tried and true than mine
I'm nearly positive.

http://www.springfieldmo.gov/egov/planning_development/econ_dev/brownfields/success.html

relevant CSS is here:

http://www.springfieldmo.gov/css/brownfields.css

On Feb 13, 2008 8:02 AM, Nicole Aebi <[EMAIL PROTECTED]> wrote:

> Hello
> I'm trying to create a CSS layout with a central body that has 4 stories
> in it. Each story will have a photo on the left with text relating to it on
> the right.
>
> At the moment, I can create one story but the moment I try to add a second
> or third it doesn't work.
>
> The site is: http://www.bond.org.uk/Newsite/
> With the CSS at: http://www.bond.org.uk/Newsite/lgso4.css
>
> I've tried several things like clearing the photo div or having four
> different divs - numbered 1 to 4, but neither worked and having different
> divs seemed not very elegant - much like this sentance!
>
> Can anyone point me in the right direction?
>
> Thanks
> Nicole
>
>
>
>
> -
>  Support the World Aids Awareness campaign this month with Yahoo! for Good
> __
> 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] Problem with clearing DIVs - I think

[David Laakso]

Nicole Aebi wrote:
> Hello
> I'm trying to create a CSS layout with a central body that has 4 stories in 
> it. Each story will have a photo on the left with text relating to it on the 
> right. 
>
> At the moment, I can create one story but the moment I try to add a second or 
> third it doesn't work. 
>
> The site is: http://www.bond.org.uk/Newsite/
> With the CSS at: http://www.bond.org.uk/Newsite/lgso4.css
>
> I've tried several things like clearing the photo div or having four 
> different divs - numbered 1 to 4, but neither worked and having different 
> divs seemed not very elegant - much like this sentance!
>
> Can anyone point me in the right direction?
>
> Thanks
> Nicole
>
>
>   

Create a class (named whatever you like) and repeat as many times as needed 
beneath the #news division.

css:
.more-news {float:left;clear:left;}

html


...
 



...
 


...
 



...
 

Best, 
~dL





-- 
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-d] newbie CSS questions

[AJ Putnam]

Greetings,

Have just joined this list and am looking for insight into a couple of
problems I am having.  I have been building websites for years, but this is
my first attempt to use CSS heavily as a design/layout tool.  Mostly, I have
been able to figure it out but have two problems that are just stopping me
in my tracks. (Oh and I am using Dreamweaver 8, primarily, to set everything
up)

A little context... a designer created layouts in photoshop which I am
adapting for the web.  There are set-size images to use on the outside and
as a center background.  But on some pages, the content will go longer than
the images.  Because divs don't easily allow for that without tiling the
images (which are not conducive to tiling), I went to a basic table set up
with 1 row and three columns, and used divs in the cells for more layout.
What I had hoped would happen is that the table cell would lengthen with the
content and below the images, a background color would fill in the
bacground.  That does not seem to be happening.  Example:

http://ajputnam.com/sky/ontour

as you can see, the content table just sort of hangs over the lower edge.

Also, on one set of pages, the center image is not appearing at all, and
neither is any background color.  I seem to have a phantom row of sorts at
the top of the page but nothing going on in the background aside from that,
and can't figure out why:

http://ajputnam.com/sky/discography

The "hanging over the edge" problem would happen here too if the center was
working at all as intended.

I have run the pages and the css file through W3C validators and all come up
as good to go.  So, I do not know how to fix these problems.  Any and all
insight will be most gratefully accepted.  Thank you!

Amy
[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] Hello & CSS Problem (explained)

[Christopher]

Hello, thank you this gallery e2 Gallery 
 I'm trying to get to 
work in my page.  The problem, I am having currently is that
I don't know what version of PHP to get this to work on.  I know someone 
who tried on PHP 4.4.8 and it didn't work if someone is
willing to try for me to get it working so I can see it in action. 

Onto the CSS problem, I contacted the author on this and all I was told 
was to use absolute positioning.  What I'm trying to do
is get this gallery the entire thing to fit within a box that is on a 
graphic which is a style sheet on my page, I was told by the author
it can be done again by using absolute positioning.  Now two problems 
first off when I import a style sheet from the gallery into
dreamweaver to see it it completely takes over my main page style sheet 
which I don't want, so I was informed to "link" or classes
to solve this (and I'm confused on this) second I don't see the style 
sheet in able to move it at all from the gallery.

Thank You
Christopher





Hi Christopher,

Usually the best option is to include a link to the page you are having 
issues with, and include what the exact problem you are having is.

The more detailed the better.

Welcome to the list!

On Feb 11, 2008, at 10:14 AM, Christopher wrote:

> Hello, I am new to this mailing list and I wanted to say "Hello" to
> everyone.  I joined this
> mailing list for one to get help and techniques when using CSS, but also
> I want to get my
> web page up and I'm having real problems using a gallery system and
> placing it into
> my web page, the main problem is CSS if anyone can help me I would
> appreciate it.
>
> 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/
>

-- 

Jason Pruim
Raoset Inc.
Technology Manager
MQC Specialist
3251 132nd ave
Holland, MI, 49424
www.raoset.com
[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/

[css-d] Bullet list position problem In IE

[adriana escandon]

Hi,
I created an unordered list inside a div which works as the division for the 
main content of the page. 
The css of the list looks like this: 

#inContent ul li {
font-size: 1.3em;
font-weight: normal;
width: 100%;
line-height: 2em;
list-style-type: disc;
list-style-position: inside;
position: inherit;
}

The problem is that in IE, the bullets appear on the last line of the sentences 
of the list instead of on the first one. One sentence from the list that 
appears in three lines has its corresponding bullet next to the third line. I 
don't have that problem in FF.

I have tried creating a separate ul tag with the same style, but the properties 
under #inContent ul li take precedence on the style. 

I hope you can help me with this.

Thank you,

Adriana

__
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] everything looks ok until loaded in ---> IE6

[Amy Carr]

hi All - I just joined after finding a link on the position is everything site. 
i have a website that i'm doing right now that looks good and works in explorer 
7 and firefox browsers. But then I happened to look at it in explorer 6... 
problems! i'm using a spry sliding panels extension on the page in question. It 
seems that the numberlinks at the bottom of the containing div are not 
displaying at all. I've tried just about everything and am hoping that someone 
out there can save the day! (especially because my client is using explorer 
6!!) 

the page : http://www.marshall-legacy.org/!news_and_events/main-news.html

the css : http://www.marshall-legacy.org/css/mainlasttime.css

screenshot of how it should appear : 
http://www.marshall-legacy.org/sceernshot.jpg

thanks in advance,
lisa
__
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] Problem with clearing DIVs - I think

[Nicole Aebi]

Hello
I'm trying to create a CSS layout with a central body that has 4 stories in it. 
Each story will have a photo on the left with text relating to it on the right. 

At the moment, I can create one story but the moment I try to add a second or 
third it doesn't work. 

The site is: http://www.bond.org.uk/Newsite/
With the CSS at: http://www.bond.org.uk/Newsite/lgso4.css

I've tried several things like clearing the photo div or having four different 
divs - numbered 1 to 4, but neither worked and having different divs seemed not 
very elegant - much like this sentance!

Can anyone point me in the right direction?

Thanks
Nicole



   
-
 Support the World Aids Awareness campaign this month with Yahoo! for Good
__
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] Swap two elements horizontally

[Thomas Watson]

On 11/02/2008, at 22.11, Thomas Watson wrote:
> You can see an example of what I would like to achieve here:
> http://tws.name/resources/2008/02/tabs-with-text.png

By request, I've just added an HTML/CSS example page:
http://tws.name/resources/2008/02/tabs-with-text.html

/watson
__
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 problem on ONLY ONE Linux browser

[David Dorward]

On 11/02/2008, Martin Espericueta <[EMAIL PROTECTED]> wrote:
> My site does render fine in all flavors of browsers on WinXP. But on
> Linux (Ubuntu), the site collapses on Koncoror.

I think you mean Konqueror, and while I don't have it handy for
testing, the site falls apart in Safari 2 as well.



-- 
David Dorward 
__
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 problem on ONLY ONE Linux browser

[david]

Martin Espericueta wrote:
> Hello All,
> 
> My site does render fine in all flavors of browsers on WinXP. But on 
> Linux (Ubuntu), the site collapses on Koncoror.
> However, the site looks fine on FF/Opera on Ubuntu.
> 
> Can any Koncoror fans help?
> 
> The site is: http://fiercestreetnetworks.com

Don't know, but perhaps Konqueror isn't reading your 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] Need Text To Wrap

[Gunlaug Sørtun]

Elli Vizcaino wrote:

> I have coded this weather module for work: 
> http://e7flux.com/weathercenter/weathercenter.html
> 
> and I need the text inside the bottom 2nd column to wrap onto next
> line underneath the temperature. It does so in IE7 but not in FF or
> Safari.

You can add a suitable width...

.fh3daytemp {width: 85px;}

...and the text will be forced to wrap.

Note that no matter the method used, the text will overflow those small
containers when subjected to font-resize - in all browsers.

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/