Re: [css-d] Need Text To Wrap
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/
Re: [css-d] Site problem on ONLY ONE Linux browser
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 ?xml style way of bringing in stylesheets? Or is otherwise having trouble with it? I went to validate your stylesheet but the W3C validator says it finds no stylesheet. I also don't know about Konqueror support for advanced CSS such as a:hover[href* ... You're way beyond my simple ways. -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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
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 http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Swap two elements horizontally
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/
[css-d] everything looks ok until loaded in --- IE6
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] Bullet list position problem In IE
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/
Re: [css-d] Hello CSS Problem (explained)
Hello, thank you this gallery e2 Gallery http://www.e2interactive.com/e2_photo_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] Problem with clearing DIVs - I think
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-d] newbie CSS questions
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] Problem with clearing DIVs - I think
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
div id=news
p.../p
/div
div class=more-news
p.../p
/div
div class=more-news
p.../p
/div
div class=more-news
p.../p
/div
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] Need Text To Wrap
--- 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
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! #45; 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/
[css-d] Need help with a float inside a DIV
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
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...
http://www.gunlaug.no/tos/alien/ajp/test_08_0213.html
...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
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] Need help with a float inside a DIV
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/
Re: [css-d] Problem with clearing DIVs - I think
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: http://www.bond.org.uk/Newsite/ 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: http://www.chelseacreekstudio.com/ca/cssd/ut.html/ 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
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] Need help with a float inside a DIV
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] Hello CSS Problem (explained)
Christopher wrote: Hello, thank you this gallery e2 Gallery http://www.e2interactive.com/e2_photo_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] everything looks ok until loaded in --- IE6
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/
[css-d] strange gaps (was: cant do bottom background )
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 br 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 2 (was: cant do bottom background )
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 br 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] newbie CSS questions
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... http://www.gunlaug.no/tos/alien/ajp/test_08_0213-b.html ...that will render the same across browser-land. Take a close look at the stylesheet for that example - as seen through the validator... http://jigsaw.w3.org/css-validator/validator?uri=http://www.gunlaug.no/tos/alien/ajp/test_08_0213-b.htmlwarning=1profile=css21 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/
Re: [css-d] strange gaps 2
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] strange gaps 2
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] Suckerfish Dropdown Problem with IE6
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/
