Re: [css-d] Using an Image in a H1 tag
Ahhh .
You might wanna fix this in your markup:
Restaurant
I removed the tags an a
// Sebastian
www.dammark.net
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Sent: 12. december 2006 23:42
To: Sebastian Dammark
Subject: Re: [css-d] Using an Image in a H1 tag
Thanks, tried what you suggested but the text is still showing on top of the
graphic?
---
Hi
Try adding this selector
#header h1 a {
display: none;
}
Hi
I am trying to use the following css to replace the text with the logo.gif
graphic, however the text 'Restaurant' is still appearing on top of the
logo.gif graphic?
What do I need to add to my css to get rid of this ?
#header h1{
height: 142px;
width: 292px;
float: left;
background-image: url(logo.gif);
background-repeat: no-repeat;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
padding: 0px;
}
Restaurant
__
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] Using an Image in a H1 tag
Hi
Try adding this selector
#header h1 a {
display: none;
}
// Sebastian
www.dammark.net
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
[EMAIL PROTECTED]
Sent: 12. december 2006 21:37
To: css-d@lists.css-discuss.org
Subject: [css-d] Using an Image in a H1 tag
Hi
I am trying to use the following css to replace the text with the
logo.gif graphic, however the text 'Restaurant' is still appearing on
top of the
logo.gif graphic?
What do I need to add to my css to get rid of this ?
#header h1{
height: 142px;
width: 292px;
float: left;
background-image: url(logo.gif);
background-repeat: no-repeat;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
padding: 0px;
}
Restaurant
__
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-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] swf priorities over css drop down menus
Try setting the wmode param to opaque or transparent ... // Sebastian -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Melissa Meyer Sent: 17. oktober 2006 22:30 To: css-d@lists.css-discuss.org Subject: [css-d] swf priorities over css drop down menus Good Afternoon, I am new to the list so I apologize in advance if I what I need help with is redundant. I searched the archive for my problem, but had no luck. The site that I am working on has css drop down menus in it and I just put in an swf file that is beneath the menus on the page. In FF/Mac it looks great. Internet Explorer loads everything just great, but when you roll over the menus the items in the drop down fall behind the swf. The swf is the "be the difference" image. Here is the link to my test site: http://www2test.ku.edu/~kueafin/index.html The drop down menus should be in front of the "be the difference" swf. In IE/win they are behind. Any ideas?? I tried the z-index, but to no avail. Is there an IE hack for this?? Thanks, Melissa __ 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-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] Release of IE7
Does any of you guys know how IE 7 will be released. Will it be released as an update or as a download ? // Sebastian __ 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] Moving a tags ...
Solved ... Just wrapped the top elements in a div layer, seperating it from the menu elements. // Sebastian -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sebastian Dammark Sent: 2. oktober 2006 14:39 To: css-d@lists.css-discuss.org Subject: [css-d] Moving a tags ... Link: http://ringkoebingkommune.net.dynamicweb.dk/ In IE 6.0: When you mouse over the blue topmenu the menu drops down 10 - 15 px In IE 7.0: Everything is perfect Is this the peek-a-boo problem or somthing new ?? Regards Sebastian Dammark __ 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-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] Moving a tags ...
Link: http://ringkoebingkommune.net.dynamicweb.dk/ In IE 6.0: When you mouse over the blue topmenu the menu drops down 10 - 15 px In IE 7.0: Everything is perfect Is this the peek-a-boo problem or somthing new ?? Regards Sebastian Dammark __ 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 doesn't get heigt by content in FF, Opera etc.
In the link below i have 2 DIV's. (red and black border) In IE the DIV's get their height from the amount of content. But that doesn't happen in FF, Opera etc. Any fix or explanation? http://www.dammark.net/files/html/autoliften/ Regards // Sebastian __ 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] 100% height
Try this
body {
margin: 0px;
padding: 0px;
}
// Sebastian
-Original Message-
From: richard hall [mailto:[EMAIL PROTECTED]
Sent: 25. maj 2006 15:56
To: Sebastian Dammark; css-d@lists.css-discuss.org
Subject: Re: [css-d] 100% height
Sebastian,
Thanks!
This worked great.
One minor detail is that in IE there is still a little space at the
bottom where the menu background color doesn't quite reach.
http://www.inspirationcenter.net/midamericadharma
... Any thoughts on that?
... Thanks again ... Richard
On 5/24/06 3:30 PM, "Sebastian Dammark" <[EMAIL PROTECTED]> wrote:
> Hi Richard
>
> Try this
>
> html, body {
> height: 100%;
> }
>
> // Sebastian
> www.dammark.net
>
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of richard hall
> Sent: 24. maj 2006 21:02
> To: cj
> Cc: css-d@lists.css-discuss.org
> Subject: Re: [css-d] 100% height
>
> http://www.inspirationcenter.net/midamericadharma/100.aspx
>
> Actually, I'm not sure what I did differently from the last time I
> tried, but it doesn't seem to work in any of the browsers I tested.
>
> The yellow background on the menu on the left is supposed to go to the
> bottom of the page.
>
> ... Any help much appreciated ... Richard
>
> On 5/24/06 12:43 PM, "cj" <[EMAIL PROTECTED]> wrote:
>
>> giving a link to your current page would greatly help. otherwise my
>> guess would be your doctype isn't getting making ie behave the way
>> you
>
>> want.
>>
--
Richard H. Hall
http://www.umr.edu/~rhall
Save the internet - Preserve Network Neutrality!
http://www.savetheinternet.com
__
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] 100% height
Hi Richard
Try this
html, body {
height: 100%;
}
// Sebastian
www.dammark.net
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of richard hall
Sent: 24. maj 2006 21:02
To: cj
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] 100% height
http://www.inspirationcenter.net/midamericadharma/100.aspx
Actually, I'm not sure what I did differently from the last time I
tried, but it doesn't seem to work in any of the browsers I tested.
The yellow background on the menu on the left is supposed to go to the
bottom of the page.
... Any help much appreciated ... Richard
On 5/24/06 12:43 PM, "cj" <[EMAIL PROTECTED]> wrote:
> giving a link to your current page would greatly help. otherwise my
> guess would be your doctype isn't getting making ie behave the way you
> want.
>
--
Richard H. Hall
http://www.umr.edu/~rhall
Save the internet - Preserve Network Neutrality!
http://www.savetheinternet.com
__
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-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] using css for hover like effects
You can only use the pseudo-class hover on an a-tag like this
.featuredmags a:hover {
background: #aaa;
color: #fff
}
// Sebastian
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of nooluyo?
Sent: 20. maj 2006 17:34
To: css-d@lists.css-discuss.org
Subject: [css-d] using css for hover like effects
Hi,
I've currently have a semi css, semi table layout. i want to convert
everything to css, so there are some tables to be cleaned out.
one of them starts like:
it's used for a mouseover color change of the table.
is this possible via css?
thanks,
alp
__
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-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] Question about ID vs Class
ID's must be unique through the html document. Classes can be reused on serveral tags // Sebastian -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Anthony Papillion II Sent: 11. maj 2006 22:31 To: CSS Discussion List Subject: [css-d] Question about ID vs Class Hello Everyone, I'm fairly new to CSS and brand new to the list (just joined today). I was going through a CSS tutorial and came across an subject I'm not sure I fully understand. ID vs Class. As I interpret it, a class can only be used within the HTML element it is linked to (i.e.) while ID can be defined and used with *any* HTML element (i.e I could use then also use ). Am I interpreting this correctly or am I missing something important? Thanks! Anthony __ 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-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] ul breaks up in Explorer
Try this instead:
#navigation ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
// Sebastian
Fra: [EMAIL PROTECTED] på vegne af M S
Sendt: to 11-05-2006 13:09
Til: css-d@lists.css-discuss.org
Emne: [css-d] ul breaks up in Explorer
Hello,
I'm fairly new to CSS and was testing a page I made. It
looks fine in Firefox and Safari on a Mac. It has a few
spacing differences in Opera, but I can live with them.
But in Windows Explorer 6 the navigation list - which
is a styled ul - breaks up. I was wondering if anyone
can tell me why?
Here is the html page:
http://homepage.eircom.net/~mika/recipes/index.html
and here is the css:
http://homepage.eircom.net/~mika/recipes/main_stylesheet.css
Thanks in advance!
Mika
Send instant messages to your online friends http://uk.messenger.yahoo.com
__
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-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] Problem With IE
Try with this style for your menulist:
ul.navbar {
width : 100%;
margin : 0;
padding : 0;
background-color : #89d60e;
}
.navbar li {
float: left;
list-style:none;
width: 20%;
}
And the set the width of .titleBox top 98%
// Sebastian Dammark
www.dammark.net
__
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] Why does hover change my margin ??
Link:
http://step2.net.dynamicweb.dk/Default.aspx?ID=1
Code:
#DwLeftMenu li a {
font-weight: bold;
color: #332300;
display: block;
width: 198px;;
padding-left: 15px;
margin-bottom: 3px;
height: 16px;
}
#DwLeftMenu li a:hover {
background: url('/files/navigation/menu_left_hover.gif') no-repeat
center;
text-decoration: none;
}
#LeftActiveItem {
background: url('/files/navigation/menu_left_hover.gif') no-repeat
center;
}
If you follow the link you will see an menu on the left.
Can anyone tell me why my hover changes the margin-bottom ??
Sebastian Dammark
Webdesigner
__
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/
