[css-d] how to control space between table rows
http://www.ingri-a.no/Templates/table.html I try to get the images inside the TDs to have no space between them on all sides. Cant make it. Especially a mystery TD height of 114px show by using xray by westciv. Where is that coming from? What I want make is a grid of cells with images and text and with no space, border, paddings, room, etc on the sides. Including the THs of cource. Thanks for any help. http://www.ingri-a.no/Templates/table.html listadmin: My question didnt post the first time. I used my subsriber mailadress - so I try again __ 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 css styling of drupal list
Dear List, I have recently tried out drupal for the first time as I wanted to make a site that my brother in law could easily keep updated. Anyway I have been fiddling around for a couple of hours and cannot fathom the navigation list. I am sure it is obvious but I cannot make the bullet points disappear in IE. FF looks exactly as i want but dispite my filling the css wit list-style-type:none; and list-style: none; at every relevent point I seem to be missing soething! Any ideas? Site is at helpusmarry.co.uk/jacklewis/ Problem is just with IE (i think!) TIA for any advice any one might have! Mark __ 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 css styling of drupal list
Mark Finney wrote:
Anyway I have been fiddling around for a couple of hours and cannot fathom
the navigation list. I am sure it is obvious but I cannot make the bullet
points disappear in IE. FF looks exactly as i want but dispite my filling
the css wit list-style-type:none; and list-style: none; at every relevent
point I seem to be missing soething!
Site is at helpusmarry.co.uk/jacklewis/
Problem is just with IE (i think!)
Mark
XP on Parallels
I get the list markers only on IE on your site.
Using an absolute path there are no list markers in IE6.0 or IE7.0 on a
local file and on my server [1]: can't vouch for what you'll get on
native XP or win/2000.
div.content ul.menu li a:focus { background: #fff
url(http://helpusmarry.co.uk/jacklewis/themes/base/images/orange-button.jpg)
top left no-repeat; }
[1]
http://www.chelseacreekstudio.com/ca/cssd/marker.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/
Re: [css-d] how to control space between table rows
Erland Flaten wrote:
http://www.ingri-a.no/Templates/table.html
I try to get the images inside the TDs to have no space between them
on all sides. Cant make it.
Especially a mystery TD height of 114px show by using xray by
westciv. Where is that coming from?
What I want make is a grid of cells with images and text and with no
space, border, paddings, room, etc on the sides. Including the THs of
cource.
Thanks for any help.
img { display: block; }
or
img { vertical-align: top; }
should help.
~fantasai
__
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] how to control space between table rows
img { display: block; }
or
img { vertical-align: top; }
should help.
~fantasai
using display: block will do fine for eliminating the double spacing between
your table rows. it sounded like you wanted the images to have no space
around them at all (in other words no blue background showing through). If
that is the case, you will need to add the following attribute to your
table element:
cellpadding=0
that will eliminate the 1px of space between each image so there is no blue
border showing through.
cheers,
jm
__
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] how to control space between table rows
JonMarc Wright wrote:
img { display: block; }
or
img { vertical-align: top; }
should help.
using display: block will do fine for eliminating the double spacing between
your table rows. it sounded like you wanted the images to have no space
around them at all (in other words no blue background showing through). If
that is the case, you will need to add the following attribute to your
table element:
cellpadding=0
that will eliminate the 1px of space between each image so there is no blue
border showing through.
td, th { padding: 0; }
in the CSS has the same effect as
cellpadding=0
in HTML.
~fantasai
__
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] drop down bug in IE6
Hi Mauricio,
Mauricio Samy Silva wrote:
Test case is here: http://www.maujorsite.com/temp/teste.html
When we open the 2nd and 3th level submenus the links left, right and bottom
borders
are missed in IE5.0 IE5.5 IE6 (don't test in IE7 until now).
If the submenu are closed and then re-opens, bingo! the borders was there!
and the text is missing in the third level sometimes when moving back to
level 1, but the box is there.
A possible fix is:
ul#nav li {margin: -1px;}
But this cause double left borders and desappearing borders if I set a
background-color.
TIA
Regards
Mauricio
www.maujor.com
I've tried another attempt. Instead of
display:none / display:block
I used
left: -999em / left: 10em
respectively in the javascript:
for (var ul = 0; ul uls.length; ul++)
uls[ul].style.left = -999em;
caller.parentNode.getElementsByTagName('ul')[0].style.left = 10em;
and so on.
PS: why are there .over class rules?
best regards
Ingo
--
http://www.satzansatz.de/css.html
__
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] drop down bug in IE6
Mauricio Samy Silva wrote:
Test case is here: http://www.maujorsite.com/temp/teste.html
When we open the 2nd and 3th level submenus the links left, right and
bottom borders
are missed in IE5.0 IE5.5 IE6 (don't test in IE7 until now).
If the submenu are closed and then re-opens, bingo! the borders was
there!
From: Ingo Chao [EMAIL PROTECTED]
To: Mauricio Samy Silva [EMAIL PROTECTED]
Cc: [css-d] List css-d@lists.css-discuss.org
1-) I've tried another attempt. Instead of
display:none / display:block
I used
left: -999em / left: 10em
respectively in the javascript:
for (var ul = 0; ul uls.length; ul++)
uls[ul].style.left = -999em;
caller.parentNode.getElementsByTagName('ul')[0].style.left = 10em;
and so on.
2-) PS: why are there .over class rules?
best regards
Ingo
http://www.satzansatz.de/css.html
Hi Ingo,
1-) Thanks for take your time and fix the problem.
For information purposes only:
A friend point out another fix.
He said:
You need to use 1px and not 1% here:
* html ul li a {height: 1px;}
I think sometimes the 1% equates to 0 and doesn't seem to enforce layout
correctly. You will quite often find that 1% and 1px give different
behaviors in IE so always try both.
His fix worked. What you think about?
2-) The .over class rules comes from a stylization for another javascript
i'm trying here.
(Sorry. I should have stripped it.)
__
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] drop down bug in IE6
Mauricio Samy Silva wrote:
Mauricio Samy Silva wrote:
Test case is here: http://www.maujorsite.com/temp/teste.html
When we open the 2nd and 3th level submenus the links left, right and
bottom borders
are missed in IE5.0 IE5.5 IE6 (don't test in IE7 until now).
If the submenu are closed and then re-opens, bingo! the borders was
there!
From: Ingo Chao [EMAIL PROTECTED]
To: Mauricio Samy Silva [EMAIL PROTECTED]
Cc: [css-d] List css-d@lists.css-discuss.org
1-) I've tried another attempt. Instead of
display:none / display:block
I used
left: -999em / left: 10em
respectively in the javascript:
for (var ul = 0; ul uls.length; ul++)
uls[ul].style.left = -999em;
caller.parentNode.getElementsByTagName('ul')[0].style.left = 10em;
and so on.
2-) PS: why are there .over class rules?
best regards
Ingo
http://www.satzansatz.de/css.html
Hi Ingo,
1-) Thanks for take your time and fix the problem.
For information purposes only:
A friend point out another fix.
He said:
You need to use 1px and not 1% here:
* html ul li a {height: 1px;}
I think sometimes the 1% equates to 0 and doesn't seem to enforce
layout correctly. You will quite often find that 1% and 1px give
different behaviors in IE so always try both.
His fix worked. What you think about?
Correct. However, it does not fix the issue of the empty box.
Hover portfolio, then interfaces, then graficas. Now, leave the
subsubnav. The sub and subsub collapse, as expected. Now move the mouse
back to portfolio again. See the sub /and/ subsub nav expand at once,
which is wrong. The subsub is not filled with text, but bordered. It
should not show up at all.
Ingo
--
http://www.satzansatz.de/css.html
__
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] What tag to use for the company's slogan?
I have a website that has a header with a Title and a slogan something like Company - Your road to success. I've put Company inside a h1 and used CSS to text-indent:- should I put the slogan inside the h1 as well? I want to keep semantics good enough. Thanks, Marcelo. __ 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] Advanced CSS techniques book
I'd like to improve my CSS techniques. I'm comfortable with basic CSS, but there's a lot of advanced stuff out there which I'd like to leverage. (I especially have trouble with some of the advanced positioning.) Can anyone recommend a good book for the advanced techniques? I especially like things which tell it like-it-is, giving the details, as opposed to trying to suger coat it with mock simplicity. All recommendations appreicated. __ 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] What tag to use for the company's slogan?
On Sun, 28 Oct 2007 10:39:58 am Marcelo de Moraes Serpa wrote: I have a website that has a header with a Title and a slogan something like Company - Your road to success. I've put Company inside a h1 and used CSS to text-indent:- should I put the slogan inside the h1 as well? I want to keep semantics good enough. Thanks, Marcelo. Ask yourself - is this the most important content on the page? If so it rates a h1 setting. You may decide that the company name and slogan rate a h1 and the first content heading both rate as h1. You can even style them differently using CSS. IMHO it is a personal preference, there is no definitive answer that is always correct. -- Regards, Steve Bathurst Computer Solutions URL: www.bathurstcomputers.com.au e-mail: [EMAIL PROTECTED] Mobile: 0407 224 251 _ ... (0) ... / / \ .. / / . ) .. V_/_ Linux Powered! Registered Linux User #355382 __ 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/
