[css-d] navigation arrows
In a web site I just finished, http://www.juneselznickdrutz.ca , I have thumbnails on the left side of the page and larger images of the thumbnails on the right side. I would like to place directional arrows below the larger image and navigate through the images with the arrows rather than having to click on the thumbnails. Can this be done strictly with css ? All help would be appreciated. Best regards, Brahm Friedlander brahmf...@gmail.com http://www.brahmfriedlander.ca http://www.brahmfriedlander.ca/ br...@brahmfriedlander.ca __ css-discuss [css-d@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: where to place in markup?
I have a side menu on the page in the link below..it is meant to be flush left within the beige center area, and to top-align with the head Feature UX Project: Wisconsin Public Radio Link: http://www.coffeeonmars.com/testing/index.html I can not gain control over the positioning of this menu. I took the markup and CSS from another page in which the menu *does* work properly and can be positioned. I've tried placing the markup part of the menu in several spots, and this is the one that is least heinous and makes the most sense, standpoint of being inside the container, which is where it needs to be visually. If I put the markup prior to the Feature UX Project… head, it pushes the head and content downward..And since likely-looking margin top values are already zero, I can't see how to pull this guy up. Help and insight would be hugely appreciated. I think I'm getting closer to having this thing nailed down, I hope! Thank you, John __ css-discuss [css-d@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] Trying to override site style sheet with inline CSS?
On 10/9/2011 10:21 PM, Jukka K. Korpela wrote: 10.10.2011 5:57, Keith Purtell wrote: Here'a a direct link... http://tahlequahnow.com/story.php?id=568 Didn't you get my message that I sent to the list? (Sen Sun, 09 Oct 2011 13:20:32 +0300) You have the HTML attribute name style misspelled as stye. Jukka: Apologies; I've once again overlooked something important while juggling multiple projects. - K __ css-discuss [css-d@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: where to place in markup?
On Oct 10, 2011, at 9:20 AM, Tom Livingston wrote: One solution would be to wrap the menu and it's head in a div and absolutely position it left within the content div. Are you saying you HAVE styles for it, but it's not effecting the menu? Yes, Tom, I have styles I brought in from an earlier version of this page, and on that earlier version, I could position them, however, the structure of that document is different than the current one. So, in the new document: http://www.coffeeonmars.com/testing/index.html the styles are in the .css file, but they don't give me control over positioning of the menu. thank you! John __ css-discuss [css-d@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: where to place in markup?
On 10/10/11 12:34 PM, John wrote: Yes, Tom, I have styles I brought in from an earlier version of this page, and on that earlier version, I could position them, however, the structure of that document is different than the current one. So, in the new document: http://www.coffeeonmars.com/testing/index.html the styles are in the .css file, but they don't give me control over positioning of the menu. thank you! John 1/ Do you want the menu to be adjacent to the left of the wpr.org image? 2/ Do you want the menu to be adjacent to the right of the wpr.org image? 3/ Do you want the wpr.org image centered with the menu centered beneath the wpr.org? 4/ None of the above? Best, Bonnie and Clyde -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ __ css-discuss [css-d@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: where to place in markup?
On Oct 10, 2011, at 10:01 AM, David Laakso wrote: 1/ Do you want the menu to be adjacent to the left of the wpr.org image? 2/ Do you want the menu to be adjacent to the right of the wpr.org image? 3/ Do you want the wpr.org image centered with the menu centered beneath the wpr.org? 4/ None of the above? 4: None of the above. I want the menu to be flush against the left edge of the container, and to be top-aligned with the headline on the page Feature UX Project… When I put the menu markup before my content and after my header and h1 div, the menu went right up beneath the logo/gray bar and pushed the Feature UX Project… head and all the text beneath that, downward. So, I can get the menu above the content, or under it, and can't change the positioning. thank you! John __ css-discuss [css-d@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: where to place in markup?
On 10.10.2011 18:06, John wrote:
Link: http://www.coffeeonmars.com/testing/index.html
You have a missing ' ' in there...
div id=SideMenuContainer_Home
...which means that ID can't be targeted from CSS in most browsers.
Apart from that, if you want to float the menu-elements all the way up
on the left side, you will have to float the content to the right.
Something like this will do...
#content {
color: #111311;
width: 727px;
float: right;
margin-right: 150px;
}
regards
Georg
__
css-discuss [css-d@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] navigation arrows
On 10/10/11 8:19 AM, Brahm Friedlander wrote: In a web site I just finished, http://www.juneselznickdrutz.ca , I have thumbnails on the left side of the page and larger images of the thumbnails on the right side. I would like to place directional arrows below the larger image and navigate through the images with the arrows rather than having to click on the thumbnails. Can this be done strictly with css ? Something like this, perhaps? http://thewebwiz.net/temp/june/ HTH -- Cordially, David __ css-discuss [css-d@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] way to force every cell in column to be text-align:center?
Is there a way to style a single column in a table with text-align:center without having to apply the class/style to every td in the column? Thank you, Angela French Internet Specialist State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu http://www.checkoutacollege.com/ __ css-discuss [css-d@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] way to force every cell in column to be text-align:center?
Sure. You can define colgroup for formatting. You can try this link for a quick over-view: http://www.w3schools.com/tags/tag_colgroup.asp Or you could download an excerpt from David Power's book from this link: http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/dreamweaver/pdfs/bk_getting_started_css_ch09.pdf David's book is very through about tables and all that. hth --- On Mon, 10/10/11, Angela French afre...@sbctc.edu wrote: Is there a way to style a single column in a table with text-align:center without having to apply the class/style to every td in the column? __ css-discuss [css-d@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] way to force every cell in column to be text-align:center?
10.10.2011 23:21, Angela French wrote: Is there a way to style a single column in a table with text-align:center without having to apply the class/style to every td in the column? Yes, but you might find it easier to use a class attribute in each td. On modern browsers, you can use complex selectors like td:first-child + td + td + td which matches the fourth cell of each row _assuming_ that all cells are td (not th) elements. Older versions of IE (which you might decide to ignore in this context but which might not be completely ignorable yet) can be handled e.g. by using col elements in HTML markup: colcolcolcol align=center -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [css-d@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] way to force every cell in column to be text-align:center?
10.10.2011 23:51, Jay Tanna wrote: Sure. You can define colgroup for formatting. You can try this link for a quick over-view: http://www.w3schools.com/tags/tag_colgroup.asp If you actually try it, e.g. by clicking on the Try it yourself button when using Firefox, you will see that it does not work. In fact the page itself even says this, though not prominently: Note: Firefox, Chrome, and Safari only support the span and width attributes of the colgroup element. -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [css-d@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] way to force every cell in column to be text-align:center?
I tried colgroup, but that didn't work. I suspect that my css is overriding
the html, right? So I added this to my style sheet, but it didn't work.
table.RunningStart colgroup.center
{
text-align:center;
}
Here is a link where I tried to apply this to the first table on the page:
http://sbctc.edu/college/_g-barmentor.aspx . I am trying to center the 1st
and 4th columns.
Sure. You can define colgroup for formatting. You can try this link for a
quick over-view:
http://www.w3schools.com/tags/tag_colgroup.asp
__
css-discuss [css-d@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] way to force every cell in column to be text-align:center?
On 10/10/11 2:28 PM, Angela French wrote:
I tried colgroup, but that didn't work. I suspect that my css is
overriding the html, right? So I added this to my style sheet, but
it didn't work.
table.RunningStart colgroup.center {
text-align:center;
}
Here is a link where I tried to apply this to the first table on the
page: http://sbctc.edu/college/_g-barmentor.aspx . I am trying to
center the 1st and 4th columns.
Sure. You can definecolgroup for formatting. You can try this
link for a quick over-view:
http://www.w3schools.com/tags/tag_colgroup.asp
As Jukka (Yukka) said, col and colgroup do not work well across
browser-land, and only supposed to support a few CSS properties anyway.
There is an HTML attribute align as Jukka says - but according to the
SitePoint Reference even this is only supported by IE.
My suggestion: listen to Jukka and never rely on w3schools.com!
--
Cordially,
David
__
css-discuss [css-d@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/
