Re: [css-d] list problem - undefined
Dear people,
I am new to this list, having just started my webdesign activities again.
I have a small problem which I hope is very easy to solve. On a webpage
I want to have a piece of text with in between a few lists. Now, with my
current design and stylesheet make-up, I have the lists with items floating
between the text.
Could anyone tell me what I might be doing wrong? Which piece of code is
missing here?
I am not absolutely certain what you regard as wrong...
...but...
I see the first list is going to be a navigation list? (id=navlist)?
You have opened the UL tag twice with a different class in each.
Instead: give the UL the id=navlist:
ul id=navlist
and create a style for that:
#navlist li{
etc:whatever;
}
Then leave other lists as the default adn style them as:
ul{
etc:whatever;
}
Does that help?
--
Marten Gallagher
annerykiln.co.uk
Web Design and Management
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Please help, IE 6 not displaying correctly
The page I am working on is here: http://www.iskippedlunch.com/z_test/index_2.php The blue box is wider than the orange box below it on my screen. However, it doesn't push the green box down on mine either! Are yous ure you ahve the widht of the blue box set right? -- Marten Gallagher Annery Kiln Web Design Delivering Information Effectively www.annerykiln.co.uk Web Design and Site Management Web Hosting and Email Marketing __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check and help please
Hi all Could I ask you guys to help me out and have a look at my site for me, especially in IE 6 and 7. When I made the template all was fine, but since I have added content, the right navigation div sits outside the page and I am unable to find the problem. Don't seee a problem here in FF 1.5.0.7 No prob in IE7 except underline and date are too high and are behind bottom mof house. A graphic mssing from near 'No comments' ??? Everything works perfectly in firefox for windows and linux. If you view in firefox then IE you will be able to see the glaring problems. Nothing glaring at me ! :-)) -- Marten Gallagher Annery Kiln Web Design Delivering Information Effectively www.annerykiln.co.uk Web Design and Site Management Web Hosting and Email Marketing __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check and help please
Hi That is very weird. on my computers, linux and windows, I see some glaring errors between firefox and IE. I have uploaded 3 screen shots. 1 is how it should and does look in firefox all browsers and platforms and the other 2 demonstrate the errors that I see. they can be found here http://www.soddengecko.com/mysite_screens The how it should look shot is how it looks to me in both Windows IE7 and windows FF with a couple of minor oddities but everything's in te right place. -- Marten Gallagher Annery Kiln Web Design Delivering Information Effectively www.annerykiln.co.uk Web Design and Site Management Web Hosting and Email Marketing __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2 spacing questions in IE
(1) I'm trying to eliminate the white space between the masthead graphic and the blue drop down menu bar under it. The top nav is 93px high, and I start the blue nav bar at 94 Try setting image to be: display:block; or display:inline-block; one of those should do it See http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps -- Marten Gallagher Annery Kiln Web Design Delivering Information Effectively www.annerykiln.co.uk Web Design and Site Management Web Hosting and Email Marketing __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 2 spacing questions in IE
(2) I'm wondering why the leading is not consistent in the quote from the WSJ - the first line squishes the lines together more. Its fine in FF but IE is uneven. First: tidy up the source code removing all the unwanted spaces. Second: put at least one of the graphics as a backgfround iamge to the paragraph. Third: See: http://simon.incutio.com/archive/2003/05/21/stylingBlockquotes -- Marten Gallagher Annery Kiln Web Design Delivering Information Effectively www.annerykiln.co.uk Web Design and Site Management Web Hosting and Email Marketing __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Simulating Safari gamma on a PC
I need to check which designs I have made for the PNG gamma problem... i.e: opaque (non-transparent) PNGs not matching the same #RRGGBB when set as CSS background colour. I don't have a Mac and don't have easy access to one. Does anyone know of a way I can persuade a PC browser to behave in the same way? -- Marten Gallagher annerykiln.co.uk Web Design and Management __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Link text jumps to single line in IE
Please look at: http://www.annerykiln.co.uk/newak/datamanagement.html Load it in IE Locate the line that contains the link that says: quote See one at Cwmcroiddur here... /quote and set browser width so that the link text is split over two lines (end of one to beginning of next) Then hover over the link text (don't click) For me, as soon as it is hovered over, the link becomes one line extending beyond the visual right margin of the rest of the text. It's stumped me! Anyone any thoughts? -- Marten Gallagher Annery Kiln Web Design Delivering Information Effectively www.annerykiln.co.uk Web Design and Site Management Web Hosting and Email Marketing __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Link text jumps to single line in IE
Please look at:
http://www.annerykiln.co.uk/newak/datamanagement.html
Load it in IE
Locate the line that contains the link that says:
quote
See one at Cwmcroiddur here...
/quote
and set browser width so that the link text is split over two lines
(end of one to beginning of next)
Then hover over the link text (don't click)
For me, as soon as it is hovered over, the link becomes one line extending
beyond the visual right margin of the rest of the text.
It's stumped me!
Anyone any thoughts?
Have since investigated methodically and discovered that:
a:hover{
text-decoration:none;
color: #b44;
/*border-bottom:1px solid #b44;*/
}
commenting out the border-bottom on the hover stops the behaviour.
But why? And what if I want the border to change?
--
Marten Gallagher
Annery Kiln Web Design
Delivering Information Effectively
www.annerykiln.co.uk
Web Design and Site Management
Web Hosting and Email Marketing
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text only parser
The bbc seem to use one called betsie and would like to know if this or any other is available to use/buy. http://sourceforge.net/projects/betsie/ -- Marten Gallagher annerykiln.co.uk Web Design and Management __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Left floated div causes 2 or 3 pix shift of text in IE
I know this has a way round it but I cannot remember where I saw it and I can't get the keywords right to find it anywhere. There's a content div with a left-margin of 150pix. There's a floated left div of wifht 125px within that conten t div. In IE (not in FF) the text in the content div is shifted to the right 2 or 3px until it is below the bottom of the left floated div. The effect is as if there were an extra bit of margin on the right of the floated div. Can aomeone point me at the page, or a page, where the way round this is dealt with. Thanks -- Marten Gallagher annerykiln.co.uk Web Design and Management __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Float wrapping with unknown div/img heights
I have a series of divs which I want to float wrap. However, the height of each div is variable and unknown (dynamically generated). When the series of floating divs wrap, a deeper div will cause the next div to align its left edge with the right edge of the preceding div. If all divs were same height and known, then the series of divs would float in liquid fashion in response to the viewport width. Is there a way of forcing the divs, no matter what the heights of preceding divs, to float to the left of their container? -- Marten Gallagher Annery Kiln Web Design Delivering Information Effectively www.annerykiln.co.uk Web Design and Site Management Web Hosting and Email Marketing __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
