Re: [css-d] Space before p
Do you have a return after your p tag? If you have formatting in your source, like a p tag then a return and a few tabs, those generally show up as rendered spaces. -- Scott Iphone says hello. On Sep 30, 2009, at 11:07 AM, Bobby Jack bobbykj...@yahoo.co.uk wrote: --- On Wed, 9/30/09, Lalena lal...@lalenafisher.com wrote: Now I am wondering how to remove the extra space before/after a paragraph. I tried setting margins, and margin-top and margin-bottom and padding to 0, but it didn't work. Anyone know? Hi Lalena, Do you have a URL you can post? What you've suggested will work in the general case, so the problem could be elsewhere - e.g. another selector targeting the element. - Bobby __ 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-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] A little vertical align issue
here is a simplified version: http://dl.getdropbox.com/u/340087/Drops/09.23.09/align-42fc19f2-154007.html Div with an image in it, the div has height and line height set Why do I need a single char before the image in order to get the vertical align property to take effect? Firefox wlll verticall center the image just fine, Safari is a few px off from being in the middle. Seen more effectively here, if you enter in some text into the field, and tab out, you will see the images I am droping in. They are just a hair too low in Safari, Firefox seems ok. http://dl.getdropbox.com/u/340087/Drops/09.23.09/form-e3ae8599-153946.html I have not opened any of these in anything other than Safari or FireFox, so any number of issues could crop up there. Thanks. -- Scott * If you contact me off list replace talklists@ with scott@ * __ 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] three column form layout dilema
After a few days on and off, I think I need some advice outside the box on this one. Three column form, left, middle, and right. I am using a ol for the form, to give me some layout control, and an ol to me seems somewhat semantically correct, as they are numbered, which could help a screen ready go through them in a sensical way. Simplified sample http://dl.getdropbox.com/u/340087/Drops/09.21.09/css-0a71735f-124307.html Here is how I have done it: form action=# fieldset legendJoin Form/legend ol li label for=userUser/label input type=text name=user class=middle id=user / div class=rightenter in a user/div /li two more li blocks after, and a submit button /ol /fieldset /form I want them to line up, left, middle, right, on one line. This means I set the div.right to display: inline-block; which works fine. Problem is, I need it display: inline-block; and also hidden, in order for jQuery to be able to show it on focus of the input. If I set div.right to display: none;, then jQuery will work, but it shows as inline, with no block, dropping it to the next line. Stumped... I am now using jQuery to hide div.right, but that is not the best way, as on a slow connection, it could flicker in the content before it is hidden. -- Scott * If you contact me off list replace talklists@ with scott@ * __ 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] funny css font issue
I have a simple site, here is the source:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html lang=en
head
meta http-equiv=content-type content=text/html;
charset=iso-8859-1
titleUntitled/title
meta name=generator content=BBEdit 8.7
style
body {
margin: 0;
font-family: Baskerville, Heisi Mincho W3, Symbol, serif;
}
.wrapper {
border: 0px solid red;
margin-left: 2em;
}
/style
/head
Pretty basic, all is well in Fx and Safari. I looked at it on Windows
in IE the other day, and this is what i see:
http://www.newgeo.com/web/misc/153316-Picture%201.png
--
Scott
__
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] funny css font issue
On Nov 12, 2008, at 4:10 PM, Philippe Wittenbergh wrote:
On Nov 13, 2008, at 8:33 AM, Scott Haneda wrote:
I have a simple site, here is the source:
...
body {
margin: 0;
font-family: Baskerville, Heisi Mincho W3, Symbol, serif;
}
.wrapper {
border: 0px solid red;
margin-left: 2em;
}
/style
/head
Pretty basic, all is well in Fx and Safari. I looked at it on
Windows
in IE the other day, and this is what i see:
http://www.newgeo.com/web/misc/153316-Picture%201.png
Not surprising, really. 'Baskerville' and Heisi Mincho W3 are not
available by default on the Windows platform, afaik. The browser (IE)
then uses the third choice in your list: 'Symbol'. Which is wrong by
itself. It should fall back to the default specified font (serif), as
'Symbol' is not a font that can be used to display alphanumerical
characters.
What is your reasoning for using those specific fonts ?
PS - Heisi Mincho W3 is misspelled in your list. 'Heisi' --
'Heisei'
Wierd, how did I not catch that, that was a bad copy and paste of a
font set if I have ever seen one, thanks.
--
Scott
__
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] Partial OT PSD to CSS
Hello, sorry for this post, but I am lost. In the past, on this list, I learned of a site that would take a PSD file, and hand covert it to XHTML/CSS. I was pretty amazed at their work, for prices around 99.00 to 200.00 apx. In some cases, this may prove useful to me. There seems to be a lot of competition out there for this now, can someone point me to the original link, or what their favorite is based on experience? Thank you. -- Scott __ 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] linking an entire td
How can I link and entire td in a table? I can only seem to get it to
work if I set an explicit height, which in this case, I do not know
ahead of time:
table
tr
tda href='index.html'click me/a/td
tdimg src='foo.jpg'/td
tda href='index.html'click me/a/td
/tr
/table
So the image comes in, it is 300px wide, but the height is variable,
and I have no idea what it is ahead of time, being fed in by a dynamic
script.
I have applied this css to it:
table.navbar {
border-collapse: collapse;
}
table.navbar td {
border: 1px solid #ccc;
}
table.navbar td a {
display: block;
padding: 3px;
text-decoration: none;
}
It works, as long as I set a height in to the block section, but as I
said, I do not know that value.
--
Scott
[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] Absolute relative
Iphone has a 320x356 viewable area, if I add in the 60 pixels from the url bar that I will hide, I get 320 wide by 416 tall That is my div I have to work with, I set that to margin auto, and it will center just fine in the middle of the screen. Where I am stuck is I have never used relative or absolute positioning. Here is what I am trying to do: http://newgeo.com/web/css/area.png So the background is blac, in the event an image is not large enough to fit just right. It would be centered left to right, and top aligned. I need three buttons at the bottom, about the size you see, they are just divs, not images, and they will be colored. The red boxes represent the live clickable area I would want. So the image will show through those areas, but they will still be hyperlinks. The image itself will be a link as well. I think I can manage it will all absolute positioning, but I would rather the outer div, the 320x416 div be simply centered margin auto, but then how do I tell the buttons and link divs to be absolute, within that moving target area of the outer div? -- Scott __ 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] Css rollovers, opinions on accessability
Friend of mine is doing as so:
/* CSS Rollovers */
#contact{
height: 28px;
width: 56px;
overflow: hidden;
background: url(btn_Contact.gif) top left no-repeat;
display: block;
}
#contact:hover{
background-position: bottom left;
}
btn_Contact.gif of course is a stacked image, just a single image, so on
hover, we just shove it around a bit. This totally breaks in IE on the Mac,
and I would imagine, since there is no img tag at all, will yield equally
broken results in other browsers who chose to not use css.
Is there some other way to work this, and what are your comments on this
method?
thanks
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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/
[css-d] FF on windows, help fix please
http://staging.newgeo.com/ I don't have immediate access to Firefox 1.5.07 on Windows, but the screenshots I have seen mess this layout up a bit, can someone point out some suggestions to me? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Best wawy to overlay images on a background
I have a
.footer {
border: 0px solid red;
background-image: url(footer.jpg);
background-repeat: no-repeat;
width: 1024px;
height: 216px;
}
I use it like so
div class=footer clear=all/div
Works fine, however, that image, has a need for me to drop in 4 logos and
some type in the middle of it. I am hesitant to put the images in the
background image, as they need to be changed at times, and also a are href
links.
Is there a way to put a div inside another div? If I just start putting the
content into the footer div, and use margins to push it in where I need to,
things start to get hard to keep aligned.
What suggestions, maybe some z-index and put it on a layer, but I have never
don't that before.
thanks
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] 3 column, stumped, can not get alignment
Scott Haneda wrote: http://www.newgeo.com/web/css/var/index.html There is the header logo, which is centered, and working how I want it, regardless of browser width, it does what is needs to do. I need to get left.jpg and right.jpg to line up with that header and behave the same way. Sometimes I get close, a px or so off on one side, others, as you can see now, are just way off. Can someone help me beat this into shape? I think the whole ball of wax needs to be in one container. The side column images are different widths which contributes to the problem. This does not resolve all issues, but perhaps it may, at least, help get you started. http://www.chelseacreekstudio.com/ca/cssd/layout33.html Best, ~dL Thanks, that's a beautiful start, thanks again -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] 3 column, stumped, can not get alignment
Scott, On Sep 27, 2006, at 5:29 PM, Scott Haneda wrote: I have been asked to make a 3 column, fixed, non fluid layout, that has some pretty tight tolerances. I have been at this a few hours now, and I am just not getting it where I need to be. http://www.newgeo.com/web/css/var/index.html I need to get left.jpg and right.jpg to line up with that header and behave the same way. Sometimes I get close, a px or so off on one side, others, as you can see now, are just way off. You can get close, but you will pull your hair out trying to get pixel perfect line-up. It will work better if you make an image that combines left and right and add it to .wrap with a repeat-y. I'm sending you a copy of your page off-list with some other changes. Thanks so much everyone, I seem to be on a fairly nice track. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Site check and specific IE issues
So far I am doing pretty good on Firefox and Safari, IE 6 which I have access to does some strange stuff. I don't know if I should even try to make ie7 work, since it is pre-release? url: http://www.newgeo.com/web/shots/index.html Css: http://www.newgeo.com/web/shots/style.css The specifics in IE 6 are on the left navigation, there is a .sep I am using, it is a 5px tall by 150px wide image, all other browsers seem to honor my 5px tall setting, IE6 shows a lot of white for some reason. I can just put the image in there, but would like to use a div to make it cleaner and less repetition. The nav images on the left and 4 logos at the bottom are png's with transparency in order to deal with the gradients of this fugly site. Ie6 is not supporting png properly? Are there workarounds? The logos should blend into the background. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Body background not working
http://www.newgeo.com/web/css/var/index.html
body {
background-image: url(bg.jpg);
background-color: red;
background-position: center;
background-repeat: repeat-y;
}
Bg.jpg looks fine as is, but there should, in this case, be sold red on the
left and right, which I can not get to come into play. Depending on the
order I put in the css code, I can get this page to do different things.
Any ideas? I want the blue color to expand on the left and right as a
background color.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] Body background not working
i'm seeing a red background on the sides (when my width is around 1200+). What browser, I don't in Firefox or Safari. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Body background not working
cj wrote: i'm seeing a red background on the sides (when my width is around 1200+). I'm seeing red, too. But just to be sure, you could use hex. #FF What browser? I changed it to hex, but red has never caused me any issues. This is pretty strange. Suggestions? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Body background not working
the only suggestion i have is to be sure you're declaring your style right.
style type=text/css
/* stuff */
/style
i guess another thing might be to declare the background properties in
the order set forth by the w3c.
Ok, did all that, even took it to the most basic:
body {
background-color: red;
background-image: url(yel.jpg);
background-repeat: no-repeat;
}
Yel.jpg is a 20x100 image, I end up with a 100% yellow page, which the image
is made of yellow. Yet I have no repeat set, so making even less sense
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] 3 column, stumped, can not get alignment
I have been asked to make a 3 column, fixed, non fluid layout, that has some pretty tight tolerances. I have been at this a few hours now, and I am just not getting it where I need to be. http://www.newgeo.com/web/css/var/index.html There is the header logo, which is centered, and working how I want it, regardless of browser width, it does what is needs to do. I need to get left.jpg and right.jpg to line up with that header and behave the same way. Sometimes I get close, a px or so off on one side, others, as you can see now, are just way off. Can someone help me beat this into shape? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Class not activating color aspects
Can someone help me with this one:
ul id=navlist
lia href=/index.wsHome/a/li |
lia href=/who/index.wsWho are we?/a/li |
lia href=/why/index.wsWhy Us?/a/li |
lia href=/approach/index.wsOur Approach/a/li |
lia href=/clients/index.ws class='selected'Clients/a/li |
lia href=/talk/index.wsLets Talk/a/li
/ul
a.selected {
color: red;
font-weight: bold;
}
I get the bold, but not the red
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] Class not activating color aspects
Since you're not giving the actual context of the snippet, I can
only guess:
You probably have set a colour for ul#navlist a, and to override
it with just a class, you'd have to add the parent's selector
too. IOW, the following will probably work:
#navlist a.selected {
color: red;
font-weight: bold;
}
If not, provide a url so we can look at the rest of the code.
I fixed the | as per the other email, tried your suggestion, did not work:
http://cbi.newgeo.com/why/index.ws
http://cbi.newgeo.com/css/main.css
Thanks for the help.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] Class not activating color aspects
li class=selecteda href=/clients/index.ws Clients/a/li | --- move the selector from the anchor to the * li* and use double quotes not single.. Is there any solid ref on use of ' over in html and css? Thanks for the help with the other stuff, got it working now. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Wraooed div not expanding to height
http://www.newgeo.com/web/css/cb/start.html
I have
.inner {
border: 1px solid #bbb;
padding: .5em /* just for looks */
}
Which shows the grey borders around the 2 boxes on this page. I also have
stuffed two divs in there, floated left to give me two columns in the main
box.
How do I get the height to exapnd correctly to the size of the copy in the
boxes. It should look like the what we do box on the right.
Also, the right what we do box would need to grow to the correct height as
well.
This is my first attempt at making a site use more css than html, sorry if
stuff is totally wrong here.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] Suggestions, or dev for hire
See image here: http://www.newgeo.com/web/css/bordered.jpg Gonna take the plunge, entire site in CSS, the box in the url above is used on all of the site, 10's of pages. It is used at varying sizes, depending on the data they want in it. I want a fluid box, with a adjustable inner padding/margin that I can stuff text and images into, and have it grow as I want. Most of the times, I will fix the width. I have some ideas on how to do it, but suggestions would help, to get me started in the right direction, or, I can hire someone for a hour or so of their time. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Suggestions, or dev for hire
See image here: http://www.newgeo.com/web/css/bordered.jpg Gonna take the plunge, entire site in CSS, the box in the url above is used on all of the site, 10's of pages. It is used at varying sizes, depending on the data they want in it. I want a fluid box, with a adjustable inner padding/margin that I can stuff text and images into, and have it grow as I want. Most of the times, I will fix the width. I have some ideas on how to do it, but suggestions would help, to get me started in the right direction, or, I can hire someone for a hour or so of their time. I quickly did this: http://www.newgeo.com/web/css/topborder/a.html So I have an outer div for w/h in case I need it I have a left and rigth div to hold the two top corners, floated left and right. I drop those in one more div to give me my center background color. Final div below it all gives me the thin border. Can anyone tell me how to clean this up, or would it work pretty well across all browsers? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Suggestions, or dev for hire
I quickly did this: http://www.newgeo.com/web/css/topborder/a.html So I have an outer div for w/h in case I need it I have a left and rigth div to hold the two top corners, floated left and right. I drop those in one more div to give me my center background color. Final div below it all gives me the thin border. Can anyone tell me how to clean this up, or would it work pretty well across all browsers? Of course, it does not work in IE on Windows -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Div with text, vertical align, again...
I have read every vertical align thing out there, setting to table display is not something I am into: http://www.newgeo.com/web/css/nik/start.html I like how if I + the font size, the box grows with it, and all is well. I was the white type to be sucked to the bottom, not the top, or even better, in the middle. Any way I try it, the type eventually truncates on enlargement. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Div with text, vertical align, again.. {BUMP}
I have read every vertical align thing out there, setting to table display is not something I am into: http://www.newgeo.com/web/css/nik/start.html I like how if I + the font size, the box grows with it, and all is well. I was the white type to be sucked to the bottom, not the top, or even better, in the middle. Any way I try it, the type eventually truncates on enlargement. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Thoughts on this method
http://www.newgeo.com/web/css/ok/a.html I have made a fluid box, two images, left top and right top, A few more divs than I want. Suggestions? This is my first all CSS site, and a ton of these little boxes are going to be floated all over the place, the idea being the type can scale them around as need be. Any help optimizing this would be appreciated. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Four that could be two
I see four total things here, but two are the same and the other two are the
same, is there some way to merge these so there are only two blocks?
a:visited.secondLinks {
color: #FFF;
text-decoration: none;
}
a:link.secondLinks {
color: #FFF;
text-decoration: none;
}
a:active.secondLinks {
color: #FFF;
text-decoration: underline;
}
a:hover.secondLinks {
color: #FFF;
text-decoration: underline;
}
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] Table widths not the same with image in td
http://newgeo.com/web/css/wide.html Top table, has an image in it 728px wide, with a 3px border Bottom table is the same spec, but no image, yet it is narrower. This seems to happen in Safari and FF on the mac, I can not test other browsers. How can I make the bottom table match up to the top one? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Basic confusion on syntax
I don't even know how to search this one out, excuse the basic question:
#subNavlist li {
display: inline;
list-style-type: none;
float:left;
}
ul#subNavlist {
margin: 0;
padding: 0;
}
Can someone explain to me the difference in putting the html part you want
before the css name, versus after:
ul.myname
myame.ul
Its not at all making sense to me, I would think I would want to do
li#subNavlist but that does not work.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
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] IE and 3 column layout with larger fonts
http://newgeo.com/web/css/linda/test.html I can not get this to work, if I set the h2 font any larger, it messes up the third column in IE Windows and drops it to a new line. Other browsers seem to just overflow, in not the prettiest ways, but it does work. Any help appreciated. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Myspace
Ok, I have been wondering this for some time, and as much as I dislike the
myspace generation, I need to know some technical aspects.
I have seen maybe 2 pages where someone has done a really nice job laying
out the page. In the code, I see this:
table table table table { css here };
Can someone tell me what this is all about, or point me to a link, I do not
get that one bit.
Second, seems you have to shove all css into the body of the page, meaning
to me, procedurally, the css, loads after the body and html tags, so you
would think it should not even work. Is this even valid, or just am area
the browsers decide to patch up for the user. ie:
body
Mess of old html code
body {
foo: foo;
}
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Myspace
on 12/21/05 10:48 PM, Brian Cummiskey at [EMAIL PROTECTED] wrote: The only thing i regret, is that i didn't create myspace. What did it sell for, $200 million or something like that? But, that's off topic. And here I am still hung up on the million dollar home page :-) Thanks for the info everyone, looks like I wont be trying to make it pretty for fun, if I have to bastardize my css to the points mentioned, just seems not worth it. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Really small fonts on IE
Are there any known issues I can be made aware of that would make fonts on
IE Windows unreadably small? I have a site that gets a good deal of
traffic, 2 users have reported this, and I can not replicate it.
Setting the font size to anything other than default in IE does in fact make
the fonts too small to read. However, this does not happen in Safari or FF.
I am using em units, and just set them to stuff like .85 for my main copy,
etc.
I do not have a specific 1.0 em set anywhere, so the body {} and *html {}
have no explicit font size set, could that be the issue? Maybe I need a
*html { font-size: 1.0 em; } ?
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari bordering a td that has NO style to it
on 10/26/05 9:41 AM, Johnnie Blevins at [EMAIL PROTECTED] wrote:
It looks like a bug from here, but I won't swear to that.
You could get around it (at least in the case you showed), by adding
the following entry to your style sheet.
td[colspan]{
border: 1px solid transparent !important;
}
Unfortunately, this seems to break (slightly) in the current Firefox,
and very badly in Firefox 1.5.
Is there any way to get only Safari to see that rule? I really want this to
work across all browsers as much as possible. MY other option is to just
make more than one table per row set, but that's less ideal to me.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari and another td issue
http://www.newgeo.com/web/css/z/index.html The images are 112px wide, I also have the td's all set to 112px wide, yet I get this border. The outer table will be variable in that I do not know how many images are to fit in the table, could be 1-5, so I can not easily set a width to the table. I have found that if I set the td and table both to some very small width, it works, but then in IE, the type and the price get those widths as well. Surely, there must be a way to get this to line up right. Basically, there should be no white showing. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Condensed font
on 10/12/05 9:41 PM, Jan Brasna at [EMAIL PROTECTED] wrote: The MS typography pages suggest that Arial Narrow is likely to be available on Mac OS too, but I have no recent experience of Mac type choices. Arial Narrow as well as Impact is OK on default OSX 10.4.2 setup. Cept for me, on Windows, Arial Narrow is less narrow than normal Arial, OS X pseudo narrows it, but windows is actually less condensed. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Condensed font
on 10/13/05 5:58 PM, Peter Williams at [EMAIL PROTECTED] wrote:
That seems odd, I wonder if you have somehow written the
declaration wrong and gotten the system default sans-serif
in place of the intended Arial Narrow?
I just made a quick test case in a local file and used the
following to see how it looks.
CSS
.arialnarrow {font-family: Arial Narrow;}
.arial{font-family: arial;}
.sansserif{font-family: sans-serif;}
Markup
p class=arialnarrowText sample here./p
p class=arialText sample here./p
p class=sansserifText sample here./p
This behaved as I would have expected, with Arial Narrow
being very markedly condensed compared to the other two.
What happens if you use Arial Narrow in a productivity
app like a word prcessor? Is it rendered narrower than
Arial in that case?
See link for sampling:
http://www.newgeo.com/web/css/fonts/fonts.html
As for the word processor, lets see: ah ha, I get it, A stock install of
Windows XP, does NOT have Arial Narrow in it. I am a total windows noob, so
I just did the default install in Virtual PC, I don't even know where the
fonts are located at to look for the narrow.
Ok, found then: Arial, Arial Black, Arial Bold, Arial Bold Italic, Arial
Italic.
So, I guess we can not rely on Arial Narrow being there, unless some other
app has installed it. I suspect Word/Office does, but I do not have that
installed, and can not assume everyone does. Thanks for helping me get to
the bottom of this though.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3 images in a ul, is this the best way
I have three images, they are each 189 by 146 and all sit inline, so that's 566 wide. No spaces, no padding, just three images, I could make it one, and use a image map, but they get swapped out so I ca not. Right now, this is suiting me pretty well: table width=566 height=146 tr td img src=/home/three_01.jpg width=189 height=146/td td img src=/home/three_02.jpg width=187 height=146/td td img src=/home/three_03.jpg width=190 height=146/td /tr /table However, I don't want to use a table, and thought, this is a pretty good case for a ul, or it is not proper to put images in the ul? If not, whats the best way, I have been trying to float divs around with little luck as well. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3 images in a ul, is this the best way
on 10/12/05 7:05 AM, Zoe M. Gillenwater at [EMAIL PROTECTED] wrote: Christian Montoya wrote: Scott, a UL is proper, since these are links. Also, you don't have to use a UL or a table, No, you don't have to put them in ul, but if they are really a list, why not put them in the correct container? Of course, I can't really tell if they are a list since I don't know what those images are -- can you send us a page to look at? If they are a list, you can make them display horizontally by either floating each li to the left or giving each li a value of display: inline. I still get some margins, no matter what I try, can someone perhaps show me a example of three same sized images all sitting together to make one image? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Tables
I have been meaning to ask this, and I can not remember the exact case, but
I am sure it is basic to most of you.
If I set a overall font-size, for example:
.wrapper {
font-size: .8em;
}
I then wrap the entire page in that, any table I use, seems to not follow
that font size. Setting the td and table to a specific font size of the
same, I think, if I remember, makes the fonts smaller than the .8em, can
someone tell me whats happening here and how you work around it?
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Css rows and columns
I really don't want to jam this one in a table, but I need 5 divs across,
butted right up against each other, after the 5th one, I need a new row.
The width of each of the 5 items is fixed, the height is not. The below
works, only if I set the height of .wrapper to 40px, which in this case I
can not, .wrapper needs to just grow based on what is in .foo, so the
tallest .foo would be the height.
* {
border:none;
margin:0;
padding:0;
}
.foo {
border: 1px solid red;
width: 40px;
height: 40px;
float: left;
margin: 0;
padding: 0;
}
.wrapper {
border: 1px solid green;
height: 40px;
}
div class=wrapper
div class=footest/div
div class=footest/div
div class=footest/div
div class=footest/div
div class=footest/div
/div
div class=wrapper
div class=footest/div
div class=footest/div
div class=footest/div
div class=footest/div
div class=footest/div
/div
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Tables
on 10/12/05 6:46 PM, Christian Montoya at [EMAIL PROTECTED] wrote: You set the td and table to 1em, that makes it 1 em times the page's .8 em which equals .8 em. Rather than .8 em times .8 em which is .64 em. See? Also, have you tried setting the table to font-size:inherit? I haven't tried it, but maybe it will work. Nice, both options seem to work just dandy for me. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Condensed font
Is there any safe condensed font I can use on the web? I can not use the font-stretch as it does not work in Safari, as far as I can tell, but something just a bit more of condensed would solve some issues for me. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Small IE problem with OL
Hello, I have a small issue with this page in IE on Windows http://www.advantagebenefitsprogram.com/advantages/ The ol seems to get chopped off since I added in the ol style=margin-left: 0; padding-left: 1em; In order to put the numbers to the same left as the copy, any suggestions? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Padding and divs, basic question
If I have a div that is set to 120px wide, and I want to drop some text into
it, and have that text a few pixels in from the border of the div, is there
some way to do it without messing with the 120px side of things:
.foo {
width: 120px;
border: 1px solid red;
}
div class=foo
Something
/div
So that's just fine, but the Something is butted right up on the red
border, I want it in somewhat, but then it changes the width if I use margin
or padding, and I am betting various browsers deal with this in different
ways.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Quick help, getting centered text in IE 6.0
Working on a site for a client: http://www.workforcecorp.com/services/ Has some issues where the text being centered and such I only have mac access, and they want this fixed asap, so I am hopeful someone can help me out here. I know there are tables in there, and that is a no no, but I am just getting into this CSS and had to do what I know. CSS here http://www.workforcecorp.com/incl/style.css and also a little here and there in the page as well. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Screenshots
I found a site once that would allow you to put in a url and it would generate a screenshot in one of a few browsers. I think Windows Explorer was not listed. Anyone know of such a service, I no longer have access to windows and want to take a peek at a site I just did. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Ul and li items going over other itms
http://free.alternative-medicine-info.com/test.html Look at the nav bar, can anyone tell me whats happening here? And yes, I know this is riddled with bad css and tables, its a very old site and is being redone, starting with the nav bar. The yellow bordered box should be the same height as the LI items, and the certainly should not go a few px's behind or above the other page elements. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Non breaking items
I have two rows of buttons, if the browser window is not wide enough, they
move onto multiple lines, which I do not want. Aside from putting them in a
table, is there some way to make them not fall onto more than one line?
They are just hrefs with a class set to them, so like this:
a href=das TARGET=under class=topLinks1/a
a href=das TARGET=under class=topLinks2/a
a href=das TARGET=under class=topLinks3/a
br clear=all
a href=das TARGET=under class=topLinks4/a
a href=das TARGET=under class=topLinks5/a
a href=das TARGET=under class=topLinks6/a
Here is my css:
a.topLinks {
font-size: 11px;
padding: 4px 8px;
border-top: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;
text-align: center;
float: left;
}
a.topLinks:link {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:visited {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:hover {
background-color: #CCC;
color: red;
border-color: black white white black;
text-decoration: none;
}
a.topLinks:active {
background-color: #AAA;
color: #000;
text-decoration: none;
}
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Color change on row hover
.tRow:hover {
background: #FFD;
border: 1px solid #EFE;
color: 3F0;
}
I use the above CSS on a table, when you hover over the tr it changes the
background to yellow, but the links inside it are not getting the color
change to green that I am wanting, unless of course, you are right over the
text, which I do not want.
You can see a test case here:
http://www.click-brand.com/contact/index.ws
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Stumped on white border on tables
http://www.click-brand.com/se_marketing/index.ws Look at the header and the footer, there is this 1px or so white line around everything, and I can not get it to go away. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Color change on row hover
on 7/11/05 6:32 PM, Ric Jude Raftis at [EMAIL PROTECTED] wrote: I think your background should be background-color:#FFD; I am not getting any change in background in either Firefox or IE or border. I think you need to define a style for link, visited, hover and active in that order for it all to work. You may also need to include a DTD at the head of your document. Hmm, right you are, does not work in FF, can someone maybe give me a example of how to do this, start to finish, where you have a list of links, vertical, and hovering anywhere in the row will highlight that row background, and also toggle the link color of the text, even if it is not 100% as wide as the row. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Stumped on white border on tables
on 7/11/05 6:41 PM, Ric Jude Raftis at [EMAIL PROTECTED] wrote: Could I suggest that you get rid of all your tables for a start and stick with one table if you are going to use them. At a cursory glance you appear to be using four tables some are nested and some aren't. Your page shows that you could achieve this design with a single column using colspan tags on your header and footer and then define your layouts using CSS. Regards, Sure, and I may do that later, this is just what I did now, to be fast, I am not making a ton on this site, so I need to just get it done, even if I do as you suggest... As you can see http://www.click-brand.com/test.ws I am still nailed with this white border around the table, and I need to make that go away. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] one line will not validate
Could it be that you really want
a img {border-bottom: 0;}
Ok ok ok I get it! :-)
Thanks! A simple oversight a.image was what I wanted.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] semi OT, using css or JS to hide stuff
I have a set of two forms on a page: billing info and shipping info, there is a checkbox that says make my shipping info match my billing info. If that box gets checked, I want to hide the second form. I was thinking give it a visibility of none, but how do you trigger something like this? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Floating and not wrapping images
http://www.newgeo.com/web/css/float.html I have been at this too long, I just need a solution :-( I can not have the body copy text wrapping around the image, I more or less want 2 columns, and do not want to resort to a table, though I am about to, as 4 hours to get this far and 5 minutes with tables I need they grey and yellow boxes on the right to auto collpase as they are now. This more or less repeats records out of a database, but the data is slightly variable. thanks -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Floating and not wrapping images
on 5/25/05 4:57 AM, Chris Ovenden at [EMAIL PROTECTED] wrote:
This will stop your text from wrapping:
.prodWrapper h1 {
clear:both
}
That pushed the text down past the image, not what I want at all. If you
look at the sameple link, the only thing I really want to change Is :\
http://www.newgeo.com/web/css/float.html
to have the main body copy not wrap around the image once it gets past the
image. I have put up a sample html table to illustrate what I am trying to
do.
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] floated divs that are centered to collapse them
I have a div inside a div, the inner div becomes as wide as the outer div. I want it to wrap the contents of what is inside the inner div, but to do that, I have to float that inner div. I want the inner centered in the outer, is there a trick I can use to make this happen? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] top and bottom margin lost in td
I get 50px margin left and right, but none on top and botton, how do I make
this happen?
.cartButtons {
color: #006600;
font-weight: bold;
border: 1px solid #006600;
display: inline;
padding: 2px;
margin: 50px;
background-color: #66CC00;
}
table style=border: 1px solid black;
tr
td
a href=# class=cartButtonsUpdate Qunatity/a
a href=# class=cartButtonsUpdate Qunatity/a
a href=# class=cartButtonsUpdate Qunatity/a
/td
/tr
/table
--
-
Scott HanedaTel: 415.898.2602
http://www.newgeo.com Novato, CA U.S.A.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] auto width td's
I have tabular data: table tr tdfoo/td tdfoo/td tr /table The tr... /tr parts repeat a few times, but anyway, I want them to just snug up against the type in them, which I can not seem to make happen, whereas a normal html table will see to do this just fine. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] glued footer
I have a basic div that is a page footer div class=footer company name, address, city, state, zip /div it just just before the /body I want to glue this to the bottom of the browser, so no matter how the browser is set, at least too tall, it will be at the bottom. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
