Re: [css-d] IE and font size
2009/5/23 Maxim Soloviev ma...@deast.info: Funny part is that I did W3C validation but since I clicked Validate local XHTML in Web Developer toolbar it validated code modified by Firefox. span / is valid XHTML - but not HTML, so if you claim your XHTML is HTML so that IE will parse it, then it breaks. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.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] Problem with visited links on flyout menus in IE6
Debbie Roes wrote:
Hi All,
I am a new member of this forum and fairly new to CSS (less than one year).
I recently finished a site and have been trying to get it to work in the
dreaded IE6...
Welcome!
First things first...
1/ The menu on the index and all inside pages suffers from the IE/6
whitespace bug-- the vertical space between the list items is greater
in IE/6 than other bowsers.
The fix for IE/6 is:
* html #navbar ul li { float:left;}
2/ All inside pages, suffer from float drop of the white panel.
The fix is to feed IE/6 a negative (minus) -backside margin so that it
will take up less space and snap into position:
* html #content2 { margin-right: -10px;}
3/ The conditional comment you are using is for less than IE 6
!--[if lte IE 6]
![endif]--
I think you may want to use a less than IE 7
!--[if lt IE 7 ]
pOnly less than IE 7 will see this/p
![endif]--
I did not get to the main reason you wrote (below). We'll both need to
count on someone else for that.
The main problem which is am still witnessing relates to the flyout menus.
When I first visit the site, the flyout menus look fine in IE6. However,
after I click on any of the links, both the height and width get messed up
- they become too short in width and too high in height. I believe this had
to do with hadLayout related to a:visited, but after MANY hours perusing
the internet and trying various fixes, the problem persists... I have tried
specifying the height directly, using inherit, using 1% and probably close
to hundreds of other options, but since I am not a CSS expert, I feel as if
I am missing something important. My hope is that one of you will be able
to guide me in the right direction with just a quick glance at my code.
Here are the links to the site, the standard CSS file and the IE-specific
CSS file:
http://www.rallcapital.com
http://www.rallcapital.com/styles.css
http://www.rallcapital.com/IE6_styles.css
Debbie
HTH
Best,
~d
References:
http://www.satzansatz.de/cssd/onhavinglayout.html
http://reference.sitepoint.com/css/conditionalcomments
__
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] Weird breaks in printing multiple-pages
The flyout is obviously a styled Spry Accordion box... the source
confirms that. It is one unbreakable unit... thus you won't get what you want
by using it. Big block, no breakables.
If you are OK with Javascript, you might want to check out masking and
unmasking content by using java to assign display: none; and display:
block: attributes to various code... eg.
HTML
HEAD
- assorted head stuff here -
script type=text/javascript language=javascript
function toggleShowMore(elName) {
var theElement = document.getElementById(elName);
if (theElement) {
if (theElement.style.display == none) {
theElement.style.display = inline;
} else {
theElement.style.display = none;
}
}
}
/script
/HEAD
BODY
a href=# onclick=toggleShowMore('q1'); return false;
style=font-weight:bold;Content 1/abr /
span style=display:none; id=q1
- Your content #1 here
/span
a href=# onclick=toggleShowMore('q2'); return false;
style=font-weight:bold;Content 2/abr /
span style=display:none; id=q2
- Your content #2 here
/span
/body
/html
*** REPLY SEPARATOR ***
On 26/05/2009 at 11:24 a.m. Seona Bellamy wrote:
Hi guys,
I've inherited a site with a problem. If you have a page with more content
than will fit on one printed page, it creates all of these strange page
breaks when you try to print. To see what I mean, have a look at
http://www.superconcepts.com.au/faqs, expand the option What are the
advantages of managing my own fund? and have a look at your browser's
print
preview.
I've tried everything I can think of, including scrapping the stupidly
complicated print stylesheet and seeing what would happen if it wasn't
there. Sadly, the same problem occurs. So it's obviously being caused by
something in the basic stylesheet/layout and will need to be overwritten
somehow in the print stylesheet, but I can't figure out what I need to
overwrite.
Has anyone encountered this problem before? Does anyone know of a fix for
this, or can point me at some useful resources to help me understand what
is happening?
---
Karl
Teknofile Services
www.teknofile.co.nz
Please consider the environment before printing this email.
__
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] How to display a line BELOW the div?
Anna G wrote: The only problem is that the image has to stay INSIDE the box1. This is due to the CMS we are using :( Is there any way to get the box2 to display below the image, by keeping the image inside box1? Ana All of this is about as clear as mud. Or it may be that I am thick as stone. Is this what you mean??? http://chelseacreekstudio.com/ca/cssd/ana.html __ 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] Taming definition lists
Tim Climis skrev:
On Monday, May 25, 2009 12:20:06 pm Benct Philip Jonsson wrote:
I'm looking for a way to style definition list so
that the terms run into the definition block like in a
dictionary,
floating or displaying your dt's inline would do it.
so
dl.dictionary dt {
float: left;
margin-right: 0.25em /* the space between the word and the def */
}
This worked, although I needed to remove the left margin of
the dds too to make it look good
dl.dictionary dt {
font-weight: bold;
float: left;
margin-right: 0.25em /* the space between the word and
the def */
}
dl.dictionary dd { margin-left: 0; }
or
dl.dictionary dt {
display: inline;
}
I did try various tricks with display: inline; before.
It doesn't work. I also tried float before but thought that
I had to float both the dt and the dd. You learn
something every day.
Extra points to you for spotting that it was a dictionary! ;-)
/BP 8^)
--
Benct Philip Jonsson -- melroch atte melroch dotte se
~~
C'est en vain que nos Josués littéraires crient
à la langue de s'arrêter; les langues ni le soleil
ne s'arrêtent plus. Le jour où elles se *fixent*,
c'est qu'elles meurent. (Victor Hugo)
---Tim
__
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] Problem with visited links on flyout menus in IE6
David Laakso wrote:
Debbie Roes wrote:
[...]
I did not get to the main reason you wrote (below). We'll both need to
count on someone else for that.
The main problem which is am still witnessing relates to the flyout menus.
When I first visit the site, the flyout menus look fine in IE6. However,
after I click on any of the links, both the height and width get messed up
- they become too short in width and too high in height. I believe this had
to do with hadLayout related to a:visited, but after MANY hours perusing
the internet and trying various fixes, the problem persists...
[...]
http://www.rallcapital.com
http://www.rallcapital.com/styles.css
http://www.rallcapital.com/IE6_styles.css
Debbie
HTH
Best,
~d
Welcome to the list Debbie. David has address some issue. The other
issue is to do with this CSS
#navbar li a:hover ul li a { /* IE6 hack */
width:150px;
height:25px;
line-height:25px;
}
which shows the sub-menu links when a menu link is hovered and this CSS
#navbar a, navbar a:link, #navbar a:visited {
height:49px;
line-height:49px;
width:auto;
}
After the sub-menu links have been visited.
BTW, the second selector in the above chain has the id '#' missing.
Should that be.
#navbar a, #navbar a:link, #navbar a:visited
Maybe this will help with the sub-menus.
#navbar ul a:visited {
width:150px;
height:25px;
line-height:25px;
}
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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] Background problem in IE6
If you look at this page (http://www.freunde.botgart.uni-bonn.de/neu/uns.php) with IE6 and narrow the window, the repeating background-image in the header div is not displayed although I declared a width of 100% in the ie6-stylesheet. What should I do to display the header background over the whole window width? Thank you for your suggestions. Leo Luchs __ 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] z-index and positioning
Yazmin Media wrote:
I have the following page:
http://imaging-resource.com/PRODS/00TESTCAM/00TESTCAMA-ad.HTM
With the following CSS:
http://imaging-resource.com/IN/style-rev-test.css
My issue is with the rectangle ad in the 3rd column (which is just an inset
div titled...you guess it: inset lol.) I need for that ad to appear above
the dividing line between the column it is in and the next column which is
full of more ads. If I use z-index to set it to display above the other
column, in FF the container gets pushed out with the ad over the column and
doesn't allow me to click on any of the ads in the 4th column.
If I set it below, the dividing line attached to the 4th column shows over
the ad.
I thought z-index would be the way to go with this, but now I'm not so sure.
Does anyone have any suggestions on what I might be able to do in order to
make all the ads clickable while still having the dividing line appear below
the rectangle ad?
Thanks!
Hello Yazmin, lots of complicated constructions and CSS you have. Maybe
this will do the trick.
.inset img {
position:relative;z-index:1;
}
This is to layer the image above div#mid-col-4 which has been absolutely
positioned and is following div#mid-col-2 (containing the image) also
absolutely positioned in the source.
BTW, what is that z-index: 200 for?
.ad {
text-align: center;
padding-bottom: 10px;
z-index: 200 !important;
}
All modern browser seem to layer and stack correctly. If an element is
at the same level /layer as a sibling (inflow or positioned), then the
later element in the source will be highest in the painting order.
http://css-class.com/test/css/visformatting/layers/z-index.htm
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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] Background problem in IE6
Leo Luchs wrote:
If you look at this page
(http://www.freunde.botgart.uni-bonn.de/neu/uns.php) with IE6 and
narrow the window, the repeating background-image in the header div is
not displayed although I declared a width of 100% in the
ie6-stylesheet. What should I do to display the header background over
the whole window width?
Thank you for your suggestions.
Leo Luchs
Hello Leo, IE6 does not support min-width.
#header {
background: #79d073 url(../imgs/csst_bg.gif) repeat-x;
border-bottom: 1px solid #333;
height: 100px;
min-width: 990px;
}
The best way to do this is to delete the above min-width and float the
body element
body { float: left; }
since this creates a new block formating context.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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] Background problem in IE6
Alan Gresley wrote:
The best way to do this is to delete the above min-width and float the
body element
body { float: left; }
since this creates a new block formating context.
Hi Alan,
thank you for answering. I've put the min-width for Firefox into the
code. Now I've floated the body but the result remains the same in IE6.
If you narrow the window, the dark green in the header doesn't continue
up to the right. Did I miss something?
Leo
__
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] Extra padding in IE7 on list items
Hello all, I'm having an issue with IE7 (go figure) and can't seem to figure out what's causing the problem (other than it being IE). But enough IE bashing, here's the issue: I have a menu that uses a ul structure. I've styled the CSS to display it the way I want it to and it looks great in FF and Safari. The problem is that IE is adding a few pixels of padding or margin after each li and I can't figure out why. I'm hoping that fresher eyes than mine can spot something that I've been overlooking. Also, unless the solution is in the HTML, please disregard the craptacular HTML. I'm stuck with this CMS and am hoping to move to cleaner HTML, it just isn't happening yet. The ul is generated by the CMS and looks to be structurally sound. Page: http://www.jhsph.edu/_beta/2009.04.24_MPH/index.html CSS: http://www.jhsph.edu/se/styles/out/578366A6A9400AAC4BCD995BC1037773.css There are 2 others sections of CSS, however, I don't think they have anything to do with this display discrepancy as they are on almost every page of the site and I've yet to have them cause issues in the past. However, if you need to see them: one's embedded in the head, the other is here http://www.jhsph.edu/custom/mod_sitesearch/_includes/css/overlay.css Thanks in advance! Mike __ 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] Extra padding in IE7 on list items
On Tue, May 26, 2009 at 2:35 PM, David Laakso
da...@chelseacreekstudio.comwrote:
Add this declaration to the style sheet to lose the gap:
div.divNav1 ul li {float:left;}
Fix implemented.
I 3 this list. :)
-Mike
__
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] Background problem in IE6
Quick and easy, that should it do. 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] Extra padding in IE7 on list items
On Tue, May 26, 2009 at 2:35 PM, David Laakso
da...@chelseacreekstudio.comwrote:
Add this declaration to the style sheet to lose the gap:
div.divNav1 ul li {float:left;}
I'm wondering if you can offer any insights as to what was actually causing
this to happen.
Thanks again!
-Mike
__
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] Extra padding in IE7 on list items
Mike Smith wrote:
I have a menu that uses a ul structure. I've styled the CSS to display it
the way I want it to and it looks great in FF and Safari. The problem is
that IE is adding a few pixels of padding or margin after each li and I
can't figure out why. I'm hoping that fresher eyes than mine can spot
something that I've been overlooking.
Page: http://www.jhsph.edu/_beta/2009.04.24_MPH/index.html
CSS: http://www.jhsph.edu/se/styles/out/578366A6A9400AAC4BCD995BC1037773.css
Mike
Add this declaration to the style sheet to lose the gap:
div.divNav1 ul li {float:left;}
__
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] Extra padding in IE7 on list items
Mike Smith wrote:
On Tue, May 26, 2009 at 2:35 PM, David Laakso
da...@chelseacreekstudio.com mailto:da...@chelseacreekstudio.com
wrote:
Add this declaration to the style sheet to lose the gap:
div.divNav1 ul li {float:left;}
I'm wondering if you can offer any insights as to what was actually
causing this to happen.
Thanks again!
-Mike
In IE/6 it is commonly known as the whitespace bug. There are various
fixes, depending on the particular situation at hand, that are known to
collapse the extra space IE/6 sometimes adds to vertical lists items.
This bug was (supposedly) corrected in IE/7.
Peculiar that your page did not exhibit any list issue in IE/6, but
definitely did so in IE/7. I do not know the specific reason why,
although hasLayout [1] issues still pop-up from time-to-time, in IE/7.
The float: left correction on your ul li seemed to be the IE/7
hasLayout trigger. My approach is of an holistic nature. Perhaps
someone else on the list who approaches problem solving in a linear
manner may be able to provide us both with a specific and exact
explanation... :-)
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
__
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] Problem with visited links on flyout menus in IE6
Alan,
Maybe this will help with the sub-menus.
#navbar ul a:visited {
width:150px;
height:25px;
line-height:25px;
}
Thank you very much for this suggestion! It helped significantly and when
coupled with David Laakso's earlier suggestions, my site now looks much
better in IE6.
I appreciate your help! I spent a lot of time searching for solutions, but
you and David saved the day for me. Many thanks,
Debbie
__
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] Weird breaks in printing multiple-pages
Ah, right. I hadn't realised that the Spry thing was treated as an unbreakable box. That explains a lot. Personally I prefer using a JS method such as you mentioned below. The developer who built this site, however, was having something of a love affair with Spry and used it in as many places as he possibly could. *sigh* I've let me boss know and requested approval to redevelop that page without the Spry widget as the easiest method of fixing the issues it has. Now we just wait and see what happens. :) Thanks for your help. Seona. 2009/5/26 Teknofile Services i...@teknofile.co.nz The flyout is obviously a styled Spry Accordion box... the source confirms that. It is one unbreakable unit... thus you won't get what you want by using it. Big block, no breakables. If you are OK with Javascript, you might want to check out masking and unmasking content by using java to assign display: none; and display: block: attributes to various code... eg. __ 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] Problem with visited links on flyout menus in IE6
David,
First things first...
1/ The menu on the index and all inside pages suffers from the IE/6
whitespace bug-- the vertical space between the list items is greater
in IE/6 than other bowsers.
The fix for IE/6 is:
* html #navbar ul li { float:left;}
2/ All inside pages, suffer from float drop of the white panel.
The fix is to feed IE/6 a negative (minus) -backside margin so that it
will take up less space and snap into position:
* html #content2 { margin-right: -10px;}
3/ The conditional comment you are using is for less than IE 6
!--[if lte IE 6]
![endif]--
I think you may want to use a less than IE 7
!--[if lt IE 7 ]
pOnly less than IE 7 will see this/p
![endif]--
Thank you so much for your help! The negative margin and adding float to
the navbar links definitely helped a lot! Now I know how to make things
work better in IE6...
I did not get to the main reason you wrote (below). We'll both need to
count on someone else for that.
Fortunately, Alan Gresley was able to help me with this today. My site now
looks significantly better in IE6 and I am extremely grateful to both of
you!
Many thanks,
Debbie
__
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] Problem with menu in IE7
Joe Polk wrote: David: I tried doing the thing that you said, but it looks way different in the other browsers: http://www.keystonees.com/new/about_us.html Can you tell me what I did wrong? Thanks in advance for your reply! Joe Man, you've got to be kidding :-) . I can't remember what I did this morning, muchless 14 days ago... Exactly what browser (s) get it right? And what are the browser (s) in which it looks way different? PS http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.keystonees.com%2Fnew%2Fabout_us.html __ 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] How to display a line BELOW the div?
Thanks David :) But both the image and the first paragraph have be inside the box1 div :( div id=box1 img src=tn_ScreenShot003.jpg alt= width=160 height=182 / /div pVestibulum egestas quam in nulla pretium blandit. In ac urna purus, tempor hendrerit sem. Vestibulum nec ligula dolor, quis egestas elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer posuere nunc et odio adipiscing non porta lacus molestie./p!--/close p-- !--/close #box1-- On Tue, May 26, 2009 at 12:05 PM, David Laakso da...@chelseacreekstudio.com wrote: Anna G wrote: The only problem is that the image has to stay INSIDE the box1. This is due to the CMS we are using :( Is there any way to get the box2 to display below the image, by keeping the image inside box1? Ana All of this is about as clear as mud. Or it may be that I am thick as stone. Is this what you mean??? http://chelseacreekstudio.com/ca/cssd/ana.html __ 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] How to display a line BELOW the div?
Anna G wrote: Thanks David :) But both the image and the first paragraph have be inside the box1 div :( This is fun, Anna. Reload. http://chelseacreekstudio.com/ca/cssd/ana.html The image and the first paragraph are now inside #box1. The text adjacent to the image in #box1 will never wrap under the image, regardless of window width, or user discretion to scale the fonts. It has been checked in IE 6/7/8, Opera, Safari, and FF. What could be the matter, now? __ 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] How to display a line BELOW the div?
David Laakso wrote: Anna G wrote: Thanks David :) But both the image and the first paragraph have be inside the box1 div :( This is fun, Anna. Reload. http://chelseacreekstudio.com/ca/cssd/ana.html The image and the first paragraph are now inside #box1. The text adjacent to the image in #box1 will never wrap under the image, regardless of window width, or user discretion to scale the fonts. It has been checked in IE 6/7/8, Opera, Safari, and FF. What could be the matter, now? Come to think about it, maybe this is what you're after... http://chelseacreekstudio.com/ca/cssd/ana-ap.html Or is it :-) ? __ 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] How to display a line BELOW the div?
Does not compute.
You open box1 div, insert the image, close box1 div, then add a p/p
of text... does not match with Image and text must stay inside box1
How about...
div id=box1
img src=tn_ScreenShot003.jpg alt= width=160 height=182 /
pblah blah blah/p!--/close p--
/div !--/close #box1--
And then just stick the
{
clear: both;
}
...in the definition of the next element?
Seems simple enough...
Cheers...
*** REPLY SEPARATOR ***
On 27/05/2009 at 11:35 a.m. Anna G wrote:
Thanks David :)
But both the image and the first paragraph have be inside the box1 div :(
div id=box1
img src=tn_ScreenShot003.jpg alt= width=160 height=182 /
/div
pVestibulum egestas quam in nulla pretium blandit. In ac urna purus,
tempor hendrerit sem. Vestibulum nec ligula dolor, quis egestas elit.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Integer posuere nunc et odio adipiscing non porta lacus
molestie./p!--/close p--
!--/close #box1--
---
Karl
Teknofile Services
www.teknofile.co.nz
Please consider the environment before printing this email.
__
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/
