Re: [css-d] Site check please...
Michael Beaudoin a écrit :
I'm fleshing out a new site. I thought I'm doing this is as simple a
manner as possible to not induce any anomalies, but I'm having some
issues.
What I can see off the bat...
- In Safari, the logo on the right doesn't show (it does in Firefox
IE)
This one ?
background-image:url(file:///Terminator/Users/badoyn/Desktop/Projects/Simmons%20Design/Meeks%20Site%20v2/website/images/mdg_logo_topright.gif);
The path should be something like that
background-image:url(images/mdg_logo_topright.gif);
I guess you have included this image with a soft like Dreamweaver and
you forgot to give a relative path
- I've put the large type (our firm) at then end and using positioning
tried to make it place over the photo. Good to an extent. In Firefox
it seems to be positioned correctly, but in Safari/IE, it's closer to
the bottom of the image. Also, there seems to be a large space under
the photo I can't seem to understand why. It happened when I started
to position the large type.
In Opera your text wraps in 2 lines. Try something like this
#container #imageArea .largeText {
color:#FF;
display:block;
font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:128px;
font-weight:bold;
float: right;
position:relative;
top:-120px;
}
Luis
__
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] menu background images don't appear at hovering
Hello dear list,
I am trying to use background-images for menuitems and different ones
at hovering over such.
for hiding the actual menutexts I wrap the menuitems texts with a span
class (.mainmenuitem { display: none; }
I've done so successfully on other sites (www.scanrock.de) but cannot
figure out why the hovering of the background images don't work on
that new site I am creating right now.
(when I copy/paste the menu in question in the other/older/well
functioning scanrock site's menubar, all works fine)
here the URLs for chekcingh:
page with background-images displaying fine in normal state, but don't
change at hovering
http://www.denijsdesign.de/more/clients/mendl/seiten/1.html
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
same page but with this class .mainmenuitem { display: none; }
removed in stylesheet
http://www.denijsdesign.de/more/clients/mendl/seiten/t_1.html
background-images change now at hovering as they should
(but the textlinks are also visible, of course, as the span class
display:none is no longer hiding them)
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_mm.css
can somebody figure out what I must do to get it right?
bye,
beate
(css not yet optimized for ie6/7 ... for the case you would check in
these browsers... ;-)
__
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] menu background images don't appear at hovering
Hi,
You CSS in mendl_mm.css:
li#mm_news { ... }
li#mm_news a:hover { ... }
li#mm_kontakt { ... }
li#mm_kontakt a:hover { ... }
and so on...
The a tags have no width or height so you can either do one of the
following:
(1) Add:
.mainmenulist li a { width: 156px; height: 40px; }
(2) Change:
li#mm_news { ... }
li#mm_kontakt { ... }
And all others to:
li#mm_news a { ... }
li#mm_kontakt a { ... }
Ta,
~Mx
On Apr 17, 2009 7:38am, B. de Nijs bden...@denijsdesign.de wrote:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
can somebody figure out what I must do to get it right?
__
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] Site check please...
Subject: [css-d] Site check please... I'm fleshing out a new site. I thought I'm doing this is as simple a manner as possible to not induce any anomalies, but I'm having some issues. What I can see off the bat... - In Safari, the logo on the right doesn't show (it does in Firefox IE) - I've put the large type (our firm) at then end and using positioning tried to make it place over the photo. Good to an extent. In Firefox it seems to be positioned correctly, but in Safari/IE, it's closer to the bottom of the image. Also, there seems to be a large space under the photo I can't seem to understand why. It happened when I started to position the large type. - I'm sure there is more that you all will point out, and I appreciate it. Go to: http://ba-doyn.com/junk/meeks_test/ Looks the same in Safari as in Firefox (Vista) to me. I don't see any logo at all. Large print is at bottom of image in both browsers. You might also fix your html (mainly mistyping of Javascript stuff) Cheers Ian __ 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] menu background images don't appear at hovering
Hi mx,
thanks for your answer.
but unfortunate the hover bg images of my menu still don't appear ...
either the code it not yet correct, or I've done sth wrong at your
instruction...
see the new testpage here:
http://www.denijsdesign.de/more/clients/mendl/seiten/t_2.html
and it's relevant stylesheet:
http://www.denijsdesign.de/more/clients/mendl/css/t_2_mendl_mm.css
maybe you (or somebody else) can look at it again, please?
bye,
beate
again here the former pages/css urls
page with background-images displaying fine in normal state, but don't
change at hovering
http://www.denijsdesign.de/more/clients/mendl/seiten/1.html
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
same page but with this class .mainmenuitem { display: none; }
removed in stylesheet
http://www.denijsdesign.de/more/clients/mendl/seiten/t_1.html
background-images change now at hovering as they should
(but the textlinks are also visible, of course, as the span class
display:none is no longer hiding them)
stylesheets:
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/t_mm_hover_mendl_mm.css
Am 17.04.2009 um 17:32 schrieb mx.css...@googlemail.com:
Hi,
You CSS in mendl_mm.css:
li#mm_news { ... }
li#mm_news a:hover { ... }
li#mm_kontakt { ... }
li#mm_kontakt a:hover { ... }
and so on...
The a tags have no width or height so you can either do one of the
following:
(1) Add:
.mainmenulist li a { width: 156px; height: 40px; }
(2) Change:
li#mm_news { ... }
li#mm_kontakt { ... }
And all others to:
li#mm_news a { ... }
li#mm_kontakt a { ... }
Ta,
~Mx
On Apr 17, 2009 7:38am, B. de Nijs bden...@denijsdesign.de wrote:
http://www.denijsdesign.de/more/clients/mendl/css/mendl_basic.css
http://www.denijsdesign.de/more/clients/mendl/css/mendl_mm.css
can somebody figure out what I must do to get it right?
__
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] WTF, IE!?
Hi all, I could use help figuring out what the heck is going on in IE6 and 7 for this page: http://distantelegy.net/clients/ebip I need to be able to push div#content down, which is easily accomplished with margin-top in all other browsers. Nothing I do seems to move that sucker down and I think it's because of hasLayout. If I specify with: auto instead of width: 560px, the margin-top immediately works and the box drops down, clearing the image, etc. But when I do that a whole new set of problems start, like for some reason the first two paragraphs start to have a white background color. But only the first two paragraphs, the third one is fine! (WTF!?) And the background image decides to display 160px to the left. But only on the index page; on the other pages, it loads in the right place! (WTF!?) If I add zoom: 1 to the paragraphs, it fixes the background-color thing, but when I do that, the top paragraph has a totally different width and margin than the other two paragraphs. (WTF!?) So, anyway, I'm confused as hell and I don't know how to fix one thing without causing the other weird dominoes to fall. Any help would be greatly appreciated! If you load the page in IE6/7, you'll see the regular version. I've added an IE stylesheet that implements the width: auto and some other things, which you can trigger using the Show IE styles link in the top left. You'll have to click this for every page, unfortunately, since I didn't want to re-write every single link to include ieStyle=true. Thanks so much in advance! Danny __ 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] Centering a floated list....
Unfortunately I have to write to the list to get help with something remedial once again... I have a navigation on this page: http://www.eddysound.com/dev/adr/ that I would like to center. It is a floated list. I cannot seam to get the list to center within the blue navigation area. What am I doing wrong? I have been able to do this before but I am currently stumped. Here is the CSS for the page: http://www.eddysound.com/dev/adr/main.css Any help would be greatly appreciated as I am going to use this technique on the bottom navigation as well. Thanks! Matt Stoneback __ 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] Centering a floated list....
Matthew Stoneback wrote: [...] I have a navigation on this page: http://www.eddysound.com/dev/adr/ that I would like to center. It is a floated list. I cannot seam to get the list to center within the blue navigation area. What am I doing wrong? I have been able to do this before but I am currently stumped. Here is the CSS for the page: http://www.eddysound.com/dev/adr/main.css Does this help? - http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support# Cordially, David -- __ 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/
