Re: [css-d] 2 small css problems
--- On Thu, 3/18/10, Rory Bernstein wrote:
From: Rory Bernstein
Subject: [css-d] 2 small css problems
To: "CSS Discuss List"
Date: Thursday, March 18, 2010, 3:33 AM
I have 2 small CSS problems and I just can't seem to figure them out:
http://rorybernstein.com/francesca_proto/
On this page, I cannot get the "hover" to work on the nav bar links.
The style sheet is here:
http://rorybernstein.com/francesca_proto/style.css
The rule that I think should be making the text links turn red when
you hover is:
#nav li a:hover {
color: #FF000;
Thanks,
Rory
Hi Rory,
It seems as though you are missing the semi-colon, and the closing bracket.
/* HOVER NOT WORKING!!! */
#nav li a:hover {
color: #FF
The above is what shows up in your CSS file.
It should read:
/* HOVER NOT WORKING!!! */
#nav li a:hover {
color: #FF; */semi-colon added/*
} */closing bracket added/*
Maybe that will help
Rod Castello
__
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] 2 small css problems
I have 2 small CSS problems and I just can't seem to figure them out:
http://rorybernstein.com/francesca_proto/
On this page, I cannot get the "hover" to work on the nav bar links.
The style sheet is here:
http://rorybernstein.com/francesca_proto/style.css
The rule that I think should be making the text links turn red when
you hover is:
#nav li a:hover {
color: #FF000;
Next, on this page:
http://rorybernstein.com/francesca_proto/section_landing.html
The div with the id of "thumbnail_grid" has a float:left rule.
Shouldn't it sit alongside the div "nav", and not under it? Why is it
under it? I want the grid to sit to the right of the nav list. And, I
can't figure out why the photos don't line up in neat rows/columns.
Why is the grid irregular?
Thanks,
Rory
__
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] Opera 10 bug with CSS generated content
On 02/22/2010 06:15 PM, Gabriele Romanato wrote: > Update: > http://onwebdev.blogspot.com/2010/02/opera-10-bug-with-css-generated-content.html > > > Something is very wrong here :-D > > Thanks to Philippe && David! Hi Gabriele, Can you convert that testcase into something that matches the CSS2.1 test suite format? http://wiki.csswg.org/test/css2.1/format Thanks~ ~fantasai __ 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] content in table won't align vertically
Chris Blake suggested: >The best editor for Mac OSX is Coda by Panic. It uses the Safari >render engine (webkit) from your mac to preview your pages. >http://www.panic.com/coda/ I may take this route and use Coda, but I am still thinking about it. Perhaps I could use it for a small project during the demo period and see how I actually like working in it. I do most development time in Netbeans, but I do like to be able to see the effect my CSS code gets right away. I also like integrated file and link handling. >The next step is to use the firebug extension in firefox which is just >a godsend for testing things on the fly. I use this and Firebug too. The only real drawback is when you click on a link by mistake and lose your edit. __ 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] Left & Right Border not extending
Neil Hunt wrote:
> I am attempting to have two columns with two sets on data in each column
> within a wrapper div with a 1px left & right border that connects with a
> curved top & bottom .gif image to create the rounded border effect.
>
Difficult without seeing the markup and a link to the page always helps.
Make sure you have a doctype, and that the markup and css are valid.
If you want avoid a horizontal scrollbar at 800 the width 798px needs to
be reduced to around 776px.
Try?
#phidata {
width: 798px;
/*margin: 0;delete*/
/*padding: 0;delete*/
margin: 0 auto/*add*/;
padding: 20px 0/*add*/;
overflow: hidden/*add*/;
border-left: 1px solid #1d1d1d;
border-right: 1px solid #1d1d1d;
text-align: center;
background: url(images/mbheader.gif) no-repeat;
}
Best,
~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
__
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] Left & Right Border not extending
I am attempting to have two columns with two sets on data in each column
within a wrapper div with a 1px left & right border that connects with a
curved top & bottom .gif image to create the rounded border effect. Having
trouble getting the border to display past where the data is inserted. The
border stops where the data begins. I did find that setting a height value
on the wrapper div (#phidata) causes the border to display properly in all
browsers except IE. IE leaves a gap between the top & bottom curve .gif
files. Setting the height may not be proper fix, but it did resolve the
issue except for IE. Advice would be apreciated.
I am still forced to work off local drive so I apologize for initial large
email that was over packed with data and the inability to just point to url
to view page.
#phidata {
width: 798px;
margin: 0;
padding: 0;
border-left: 1px solid #1d1d1d;
border-right: 1px solid #1d1d1d;
text-align: center;
background: url(images/mbheader.gif) no-repeat;
}
#data {
width: 780px;
margin: 0 auto;
padding: 0;
border: 0;
}
#col1,#col2 {
width: 390px;
margin: 0;
padding-top: 15px;
border: 0;
float: left
}
#info1,#info2 {
width: 184px;
margin: 0;
padding-left: 10px;
border-right: 1px dotted #1d1d1d;
float: left;
}
#info3,#info4 {
width: 185px;
margin: 0;
padding-left: 10px;
border: 0;
float: left;
}
__
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] content in table won't align vertically
Hi, The best editor for Mac OSX is Coda by Panic. It uses the Safari render engine (webkit) from your mac to preview your pages. http://www.panic.com/coda/ The next step is to use the firebug extension in firefox which is just a godsend for testing things on the fly. I might use Dreamweaver if I am creating a table, apart from that I haven't touched it in years. Hope that helps, CB > > > MB wrote: > >> I thought DW used webkit for the Live view on Mac OS X at least. >> There >> are a lot of webkit-based browsers, no? > > I have no experience of a version recent enough to support > Live View : my last experience of DW was 8.0.2 > >> Obviously, the Design view in DW >> is not about how it will look in a real web browser. > > I don't think this is "obvious" to the naive user at all. > By putatively being a rendered view of the underlying > source material, it leads naive and less experienced users > into believing that that is what will be seen in a conformant > browser. Even quite experienced former colleagues have > been surprised at the differences between DW's design view > and the view in a conformant browser. > >> It would be nice if the Design view always showed CSS according to >> the >> spec at least, but DW have always been barely usable for CSS-oriented >> design and the interface even in the current version is full of >> "easy" >> GUI starting points for bad code. But even so, it is very possible >> to do >> compliant good web design in Dreamweaver. As always, it's about the >> knowledge and skill of the author/developer. > > I completely agree : I migrated from HoTMetaL PRO to DW some years > ago, and much as I miss the "tags on" view of HM PRO, I have > come to regard DW as a quite acceptable substitute so long as > one remembers that it is simply an interface between coder > and page, rather than a fully-fledged WYSIWYG design tool. > > Philip Taylor > __ > 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/
Re: [css-d] content in table won't align vertically
MB wrote: > I thought DW used webkit for the Live view on Mac OS X at least. There > are a lot of webkit-based browsers, no? I have no experience of a version recent enough to support Live View : my last experience of DW was 8.0.2 > Obviously, the Design view in DW > is not about how it will look in a real web browser. I don't think this is "obvious" to the naive user at all. By putatively being a rendered view of the underlying source material, it leads naive and less experienced users into believing that that is what will be seen in a conformant browser. Even quite experienced former colleagues have been surprised at the differences between DW's design view and the view in a conformant browser. > It would be nice if the Design view always showed CSS according to the > spec at least, but DW have always been barely usable for CSS-oriented > design and the interface even in the current version is full of "easy" > GUI starting points for bad code. But even so, it is very possible to do > compliant good web design in Dreamweaver. As always, it's about the > knowledge and skill of the author/developer. I completely agree : I migrated from HoTMetaL PRO to DW some years ago, and much as I miss the "tags on" view of HM PRO, I have come to regard DW as a quite acceptable substitute so long as one remembers that it is simply an interface between coder and page, rather than a fully-fledged WYSIWYG design tool. Philip Taylor __ 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] content in table won't align vertically
Philip TAYLOR said: > In my experience, DW almost never >grasps the full subtlety of CSS, and its rendering >usually leaves a great deal to be desired. I thought DW used webkit for the Live view on Mac OS X at least. There are a lot of webkit-based browsers, no? Obviously, the Design view in DW is not about how it will look in a real web browser. Rather this view concerns itself with developing the web page and its content as a total. It would be nice if the Design view always showed CSS according to the spec at least, but DW have always been barely usable for CSS-oriented design and the interface even in the current version is full of "easy" GUI starting points for bad code. But even so, it is very possible to do compliant good web design in Dreamweaver. As always, it's about the knowledge and skill of the author/developer. __ 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/
