Ul.MenuBarVertical border collapses up in IE9
Whilst developing a new website I noticed the border collapses up in IE9. Finally I tried with all new files and found the problem still existed. My next question is... Is this a new IE9 bug that others can simply reproduce or is my IE9 copy corrupted in some way?
Using out of the box SpryMenuBarVertical.css (version 0.6 - Spry pre-release 1.6.1) except changed ul.MenuBarVertical border to 5px solid #000 to more clearly demonstrate problem.
Using CS5 new page XHTML 1.0 Transitional 1 column fixed centered.
Using LiveView in below image - looks good
Using IE9 but restricting webpage from running scripts in below image - OK
Using IE9 and allowing blocked content - @#%&!
I found that using the property display:inline-block; worked for me in IE 9. You will need to apply it to each unordered list as follows:
ul.MenuBarVertical
display:inline-block;
ul.MenuBarVertical ul
display:inline-block;
Similar Messages
-
Cfdocument and border-collapse
We've been using cfdocument to generate a PDF of line-up
cards used for a soccer league. Since we began using it, we've had
a problem in which the borders of the line-up cards did not
properly collapse, resulting in unsightly, double-thick black
borders throughout the document.
When I reported this back under CF7, it was acknowledged as a
bug and that's the last I've heard of it. The league has been
living with it in the meantime, but many of the types of things
we'd convert to PDF from HTML employ border-collapse and the
resulting eyesore does not reflect well on us or on Adobe.
Is there anything that can be done about this, or are there
any plans to fix this bug?i've seen this before myself and pretty sure i was able to
remove the double borders using cellpadding="0" cellspacing="0" on
my <table> tags
give that a try maybe? -
Border-collapse property and Dreamweaver.
Hello. I'm just beginning to learn HTML and CSS. I'm starting on a single player battleship game and am laying out the tables. I'm having trouble getting borders to collapse via dreamweaver. I've got two tables contained within a div. The tables look like this:
<table border="1" class="player">
<thead>
<tr>
<th colspan="10" class="tableHeader">Player</th>
</tr>
</thead>
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<!--Empty table data continues, omitted for brevity. Note that each table data tag above contains a non-breaking space, but isn't displayed in this forum post.-->
</tbody>
</table>
The style sheet modifying the table looks like this:
table, td, tr {
border: 1px solid black;
padding: 0px;
border-collapse: collapse;
table {
float:left;
td, tr {
width: 25px;
height: 25px;
In the browser, the tables are collapsing just fine:
In Dreamweaver, they're not:
Since the tables aren't collapsing properly, they both won't fit in the div which contains them, shown as the dotted line above.
Omitting the border="1" attribute doesn't change anything; I kept it since the textbook I'm reading recommends keeping it even when using a CSS border.
Any help would be appreciated. The code works fine in a browser, but I'd like to be able to view the project accurately while I work on it in Dreamweaver. I'm using CS 5.5.So, this is my first day using this software, so I apologize if this should have been obvious, but the site displays as it does in the browser upon selecting "live view." Should I always expect to use the live view option?
-
Why do we have 'table { border-collapse: collapse; border-spacing: 0; }' in boilerplate.css ?
What is the intent of this line ?
What is it facilitating ?Boilerplate.css is a bit of overkill if you ask me. I tried disabling it, but the results were not ideal so I just left it.
If you have time & inclination, you can manually zero out browser defaults on individual selectors without using boilerplate. Or switch to a different CSS reset method. There are quite a few to choose from below:
http://cssresetr.com/
Nancy O. -
Hey, I'm still pretty new to webdesign and this is my first time using the sprymenu on Adobe Dreamweaver CS5.5. I'm using a vertical spry menu and it seems to work fine in Chrome and Firefox but everytime I use it in IE9, I'm prompted first about ActiveX and one of two things happen if I allow "blocked content" or don't allow. When allowing blocked content, my vertical spry menu turns all white and you can not see any of the under images. If you roll over it, the rollover images with text do however show up. As well as the submenus seem to do the same and actually work to some extent. When not allowing blocked content, rollovers and under images display perfectly fine but the submenus no longer show to the right of the parent menus. They don't show at all in general after that. I have been messing around with the css for the spry menu trying to figure out some fix but haven't come across anything similar to my problem after searching hours on end. Any help would appreciated. Below is the code for the vertical spry menu. Thanks!
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
cursor: default;
width: 200px;
background-image: url(../Images/mnunder.png);
height: 50px;
font-family: "MS Serif", "New York", serif;
font-style: normal;
line-height: 10px;
color: #FFF;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 200px;
height: 50px;
background-image: url(../Images/mnunder.png);
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 200px;
left: -1000em;
top: 0;
background-image:url(../Images/mnover.png)
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 200px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #333;
color: #FFF;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #333;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
color: #FFF;
text-decoration: none;
height: auto;
width: 200px;
background-image: url(../Images/mnunder.png)
background-repeat: no-repeat;
padding: 0px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
color: #F00;
height: 50px;
width: 200px;
background-image: url(../Images/mnover.png);
background-repeat: no-repeat;
padding: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
color: #F00;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display:inline;
f\loat: left;
background: #FFF;altruistic gramps wrote:
It is up to you, you could remove the counter; personally I would leave it there because once the focus has moved from the text area, the number of (remaining) words will show.
Another solution is to force IE8 standards document mode as in
<head>
<!-- Mimic Internet Explorer 8 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
<title>My webpage</title>
</head>
The problem with the above is that the rendering will also follow IE8 mode.
Gramps
Thanks for your help,
I used the meta tag to emulate IE8 and it works as needed. -
Help with aspx in dreamweaver - browser compliance... IE9
hi,
creating a site using .aspx and includes. have an issue with cross browser compatiblity with IE9. the left hand menu is overlapping the main content container. any help is appreciated:
CSS for layout:
/* Layout CSS Document */
/* This document contains the CSS rules that control the basic structure of the CS website. This includes CSS normalization, element display and positioning, widths and heights in the liquid layout, menu design and background images. If you do not know what you are doing, then changing these CSS rules below will likely break the layout of the website. See the general.css file for rules that can be more easily changed. */
/***** NORMALIZATION CSS *****/
/* This section overrides all default browser CSS styles, ensuring that the site looks the same across all browsers. */
/* Normalizes margin and padding spacing across all elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
margin: 0;
padding: 0;
/* Normalizes font-sizes for headers and paragraphs*/
h1, h2, h3, h4, h5, h6, p
font-size: 100%;
/* Removes list-styles from lists */
ol,ul
list-style: none;
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
font-style: normal;
font-weight: normal;
/* Removes list-style from lists */
table
border-collapse: collapse;
border-spacing: 0;
/* Removes border from form groups (fieldsets) and image tags */
fieldset, img
border: 0;
/* Left-aligns text in caption and table headings */
caption, th
text-align: left;
/* Removes quotation marks from quotation tags */
q:before, q:after
content: '';
/***** /NORMALIZATION CSS *****/
/***** PAGE STYLES *****/
/* (NOTE: the text-align:center style atached to the HTML tag here is being used as part of a centering trick for older browsers. It is corrected for in the body tag below.) */
html
text-align: center; /* A centering trick for older browsers that causes them to center the web page in the middle of the screen */
/* styles on the body tag become the default CSS for all other HTML tags on the page */
body
position: relative; /* keeps all absolutely positioned elements within their parent element */
width: 100%; /* sets the width of the website to the full browser window (liquid layout) */
text-align: left; /* Prevents the text-align:center command (on the html tag above) from centering all text on the website */
min-width: 990px; /* do not allow the area to shrink less than this (720) */
/***** PAGE STYLES *****/
/*** HEADER STYLES ***/
/* the header centered in the page at a fixed width, with a background image behind it */
div#header /* the header (title area) at the top of the page */
position:relative; /* used to keep h1#title inside the header div */
width: 601px; /* sets the width of the header to match the size of the header image */
height: 72px; /* sets the height of the header to match the size of the header image */
margin: 20px auto; /* keeps the header centered on the page */
background-color: transparent; /* ensures that the background color will be visible behind the transparent parts of the PNG image */
background-image: url(../images/header_square.png); /* image for header (the rounded rectangle at top) */
background-repeat: no-repeat; /* prevents the background image from being tiled */
/* the site title is positioned over the round background Chicago Booth image */
h1#title /* the Computing Services title at the top of the site */
display: block; /* puts the title in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows one to set the exact psoition of the name inside the header */
top: 17px; /* moves the title 18 pixels in from the top of the header */
right: 20px; /* moves the title 15 pixels in from the right side of the header */
z-index: 1; /* keeps the title visible above the header image */
/*** HEADER STYLES ***/
/***** LINKS MENU STYLES *****/
/* the links menu bar spreads across the top of the content area */
div#groupLinks /* the div that holds the links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#groupLinks ul /* list that makes up the actual navigation menu, it is placed inside the groupLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#groupLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the group links menu title is removed (for screen readers only) */
div#groupLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the h3 text far outside the top of the screen */
/***** /LINKS MENU STYLES *****/
/***** AV MENU STYLES *****/
/* on some pages, the AV menu bar spreads across the top of the content area, below the main menu bar */
div#avLinks /* the div that holds the AV links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
border-top: none; /* removes (extra) top border */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#avLinks ul /* list that makes up the actual menu, it is placed inside the avLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#avLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the av links menu title is removed (for screen readers only) */
div#avLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* NOTE: This class is used to hide the AV menu on non-AV pages */
div.removeMenu /* class added to the menu on non-AV pages (to hide it) */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
display: none; /* also hides the div content from screen readers */
/***** /AV MENU STYLES *****/
/***** NAV MENU STYLES *****/
/* the cs website navigation is to the left of the content, out of the document flow */
div#navCS /* the div that holds the main navigation menu */
position:absolute; /* allows one to set the exact psoition of the menu div on the page while letting the text flow around it */
width: 250px; /* sets the menu width */
top: 92px; /* moves the menu down from the page top */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the menu */
z-index: 10; /* keeps the side menu above other elements of the page (so that the sub-menus stick out properly) */
padding-top: 30px; /* positions the menu just below the black links bar */
/* add extra top padding when on an AV page (to accomodate the AV menu */
div.withAV /* added to the navCS div on AV pages only! */
padding-top: 63px !important; /* repositions the menu just below the second black links bar for AV */
/* the CS website navigation boxes are created for each menu list item */
div#navCS ul li /* styles the individual items in the navigation menu */
display: block; /* puts the menu items in an invisible box so that it is easier to manipulate with CSS */
position:relative; /* ensures that all submenus are positioned relative to their respective menu links */
width: 250px; /* sets the width of the navigation boxes (accomodates padding, below) */
height: 30px; /* sets the height of the navigation menu items */
line-height: 30px; /* NOTE: This must match the height of the menu items to keep the text vertically centered! */
border-top: solid 1px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu boxes */
margin: 0px; /* remove margins from box */
padding: 0px; /* remove margins from box */
/* adds the thick top border above the first menu element */
div#navCS > ul > li:first-child /* the FIRST menu item only! */
border-top: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu */
/* the menu title is removed (for screen readers only) */
div#navCS h3 /* this h3 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 30px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /NAV MENU STYLES *****/
/***** SUBMENU STYLES *****/
/* navigation submenus are hidden by default, and show as a side menu when hovered over */
/* NOTE: The popup submenus are normally controlled by JavaScript. A backup "nojs" class exists to allow popup menus to be controlled by by CSS when JavaScript is deactivated. */
div#navCS ul li.nojs > div.submenu, /* (no javscript version) */
div#navCS ul li > div.hide /* affects only the submenu div in a menu list */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* the classes below display the navigation submenu when the parent menu item is hovered over */
div#navCS ul li.nojs:hover > div.submenu, /* (no javscript version) */
div#navCS ul li > div.show /* affects the submenu div when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows me to set the exact psoition of the submenu in the page without affecting the rest of the main menu (works with "position:relative" on the "div#navCS ul li" item */
background-image: url(../images/arrow.png); /* adds the grey arrow on the side of the menu */
background-position: top left; /* sets the arrow to the top-left of the menu */
background-repeat: no-repeat; /* ensures that only one arrow is shown */
background-color: transparent; /* makes the div transparent so that the submenu is away from the main menu, yet still reachable from the menu */
top: 0px; /* positions the submenu flush with the top of the menu item */
left: 100%; /* positions the submenu just to the left of the main menu */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul, /* (no javscript version) */
div#navCS ul li > div.show ul /* affects the submenu list when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
margin-left: 12px; /* pushes the list to the left enough to make room for the background "arrow" image */
border: 3px solid #999999; /* places grey border around submenu */
overflow: hidden; /* prevents long text from stretching the submenu */
padding: 1px 5px 1px 5px; /* adds padding to submenu sides */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul li, /* (no javscript version) */
div#navCS ul li > div.show ul li /* affects the submenu list items when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
border-top: 1px dotted #000000; /* adds a border above the menu item */
height: 22px; /* specifies height of menu item */
line-height: 22px; /* vertically centers sub-menu text (MUST BE SAME AS HEIGHT!) */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
/* removes the top border above the first submenu element */
div#navCS ul li.nojs:hover > div.submenu ul li:first-child, /* (no javscript version) */
div#navCS ul li > div.show ul li:first-child /* the FIRST menu item only! */
border-top: none; /* do not place a border in front of the first item */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li.nojs:hover > div.submenu ul li a, /* (no javscript version) */
div#navCS ul li > div.show ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 22px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /SUBMENU STYLES *****/
/***** CONTENT STYLES *****/
/* the main content in the center of the page */
div#content /* sets the styles for the main content div */
position: relative; /* used to keep everything that is placed inside the content div, inside the content div */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the right border of the content area */
border-top: none; /* removes top border (since links bar already has one */
margin-left: 253px; /* places enough space on the left side of the page to fit the menu */
padding: 40px 0px 20px 0px; /* sets the (top and bottom only) white space around items placed in the content div */
min-height: 200px; /* sets an absolute minimum height for the content div */
/***** /CONTENT STYLES *****/
/***** FAQ AND AV STYLES *****/
/* On the FAQ pages, questions are laid out using a Definition List and displayed using toggleFAQ.js */
/* On the AV facilities pages, sections are laid out using a Definition List and displayed using toggleAV.js */
div#content dl.av dd,
div#content dl.faq dd /* sets the desfult style for the answers in the FAQ and sections in the AV list */
display: block; /* by default, question answers are visible to non-javascript browsers */
div#content dl.av dd.hidden,
div#content dl.faq dd.hidden /* hides the answers (when needed by the javascript) */
position:absolute; /* allows me to set the exact psoition of the text inside the page */
left:-9999px; /* push the text far outside the left of the screen */
/***** /FAQ AND AV STYLES *****/
/***** FOOTER STYLES *****/
/* the footer is in the center of the page */
div#footer /* sets the styles for the footer */
position: relative; /* used to keep things placed inside the footer div, inside the footer div */
margin-left: 252px; /* places enough space on the left side of the page to fit the menu */
height: 30px; /* sets the height of the footer box */
/* the university menu title is removed (for screen readers only) */
div#navUniversity h4 /* this h4 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows one to set the exact psoition of the h4 text inside the page */
left: -9999px; /* push the h4 text far outside the left of the screen */
/* the university menu is displayed inline to the left on the footer*/
div#navUniversity ul /* styles for the university menu in the footer */
position: absolute; /* allows me to set the exact psoition of the menu inside the page */
top: 4px; /* moves the menu 4 pixels in from the top of the footer */
left: 0px; /* moves the menu flush with the left side of the footer */
div#navUniversity ul li /* styles for the university menu in the footer */
display: inline; /* displayes menu items horizontally across the foooter, rather than vertically like a traditional list */
/* add | separators before each menu element */
div#navUniversity ul li:before /* affects the area BEFORE each menu item in the footer */
content: " | "; /* adds a vertical bar character ( | ) before each menu item */
/* do not add a | before the first menu element */
div#navUniversity ul li:first-child:before /* affects the area BEFORE the FIRST menu item in the footer */
content: " "; /* adds nothing before the first menu item (overrides the prior CSS, which adds a line before each item) */
/* the copyright info is to the right of the university navigation */
p#copyright /* styles the copyright paragraph */
position:absolute; /* allows one to set the exact psoition of the copyright inside the page */
top: 4px; /* moves the copyright 4 pixels in from the top of the footer */
right: 6px; /* moves the copyright to the right side of the footer */
/***** /FOOTER STYLES *****/
index:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<%-- The nav_active variable is used to light up the appropriate navigation button --%>
<%
dim nav_active As String
nav_active = "none"
%>
<head profile="http://computing.chicagobooth.edu/includes/metaDataDef.html">
<title>Booth Computing Services</title>
<!-- Include header here: -->
<!-- #include virtual = "/includes/inc_header.aspx" -->
<style type="text/css">
/* <![CDATA[ */
/* PLACE SPECIAL STYLES FOR USE ON THIS PAGE BELOW */
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
/* PLACE SPECIAL SCRIPTS FOR USE ON THIS PAGE BELOW */
/* ]]> */
</script>
</head>
<!-- Include navmenu here: -->
<!-- #include virtual = "/includes/inc_navmenu.aspx" -->
<div id="content">
<!-- DO NOT CHANGE ANYTHING ABOVE THIS LINE!!! -->
<h2>Computing Services</h2>
<p>Welcome to Booth Computing Services. Whether you are <a href="faculty.aspx">faculty</a>, <a href="students.aspx">student</a> or <a href="staff.aspx">staff</a>, our goal is to provide you with the highest level of information technology to help you achieve excellence. We provide networking services, application services, training and more, all of which you can learn about through our website.</p>
<p>We welcome your comments and suggestions for how we can improve the computing environment at Chicago Booth to better suit your needs. Please feel free to review our <a href="helpdesk/stats.aspx">Customer Satisfaction Survey</a> or <a href="contact.aspx">contact us</a> with any feedback you would like to share.</p>
<!-- DO NOT CHANGE ANYTHING BELOW THIS LINE!!! -->
</div><!-- /content -->
<!-- Include footer here: -->
<!-- #include virtual = "//includes/inc_footer.aspx" -->
menu CSS
/* Listmenu CSS Document */
/* This document contains the CSS rules for the alphabetical list menu which appears on the tools.asp page. This document styles the HTML generated by the IHWY jQuery Listmenu Plugin (v1.1, 5/24/2010).
For more information, visit: http://www.ihwy.com/Labs/jquery-listmenu-plugin.aspx
/* optional hack for IE 6 so that menu appears under letters, if you want to support IE 6... */
/********************* CSS HACK ********************
* html .lm-wrapper .lm-letters
zoom: 1;
********************* /CSS HACK ********************/
/*** LISTMENU STYLES ***/
body
min-width: 1236px !important;
div#content .lm-wrapper /* a wrapper around the generated menu */
margin: 20px 20px 80px 20px; /* places a 20px margin around the menu */
padding-top: 20px; /* adds space above the menu so that the counts can be seen */
position: relative; /* ensures that everything is displayed inside the menu */
min-width: 920px;
div#content .lm-wrapper .lm-letters /* the letters in the alpha menu */
overflow: hidden; /* prevents letters from overwriting the menu if they get too large */
div#content .lm-wrapper .lm-letters a,
div#content .lm-wrapper .lm-letters a:link /* the letters in the alpha menu */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the letters */
font-size: 0.9em; /* sets the font size */
display: block; /* used to center letters in boxes */
float: left; /* used to center letters in boxes */
padding: 2px 11px; /* used to center letters in boxes */
border: 1px solid #C0C0C0; /* used to create box around letters */
border-right: none; /* removes the right border (see lm-last, below) */
text-decoration: none; /* used to remove lines below the letters */
div#content .lm-wrapper .lm-letters a:hover,
div#content .lm-wrapper .lm-letters a:active,
div#content .lm-wrapper .lm-letters a.lm-selected /* moused-over and selected letters in the menu */
background-color: #CCCCCC; /* sets the background color of the box (grey) */
div#content .lm-wrapper .lm-letters a.lm-disabled /* empty letters in the menu */
color: #CCCCCC; /* sets the color of the letters (grey) */
div#content .lm-wrapper .lm-letters a.lm-last /* the last letter in the list */
border-right: 1px solid #C0C0C0; /* puts the final border to close the menu */
div#content .lm-wrapper .lm-letter-count /* styles the count above each letter (if enabled) */
top: -10px; /* forces the text to appear above the letters */
font-size: 6pt; /* sets the font size */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the counts */
text-align: center; /* centers the number above the letter */
margin: 2px 0px 2px 0px; /* sets required spaceing around the numbers */
color: #666666; /* sets the color of the numbers */
div#content .lm-wrapper .lm-menu /* styles the pop-up menu that appears below the letters */
border: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
border-top: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
padding: 5px; /* padding around the pop-up menu edge */
z-index: 15; /* ensures that the pop-up menu is visible above the rest of the menu */
position: absolute; /* used to correctly position the menu */
margin-top: -1px; /* lines the top border of the menu correctly */
background-color: #F1F1F1; /* colors the background of the menu (light grey) */
display: none; /* hides the menu (until needed) */
div#content .lm-wrapper .lm-menu ul li,
div#content .lm-wrapper .lm-menu ol li /* styles the individual list items in the pop-up menu */
list-style-type: disc; /* adds bullets to the menu items */
color:#660000; /* colors the menu items (maroon) */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the menu text */
text-align: left; /* aligns the pop-up menu text to the left */
font-size: 0.9em; /* sets the text size for the menu items */
padding: 0px; /* removes all extra padding from items */
margin: 0px; /* removes all extra margins from items */
div#content .lm-wrapper .lm-menu .lm-no-match /* Styles the text shown when no items match a letter */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) */
color: #666666; /* colors the text (dark grey) */
font-style: italic; /* makes the text italic */
font-size: 0.9em; /* sets the text size for the text */
div#content .lm-wrapper .lm-menu a,
div#content .lm-wrapper .lm-menu a:link /* styles the pop-up menu links */
text-decoration: none; /* removes lines under the links */
div#content .lm-wrapper .lm-menu a:hover,
div#content .lm-wrapper .lm-menu a:active /* styles the pop-up menu links when hovered over */
text-decoration: underline; /* underlines the link */
color: #CCCCCC; /* sets the color of the link (grey) */
div#content .lm-wrapper .lm-menu .lm-submenu /* styles the columns (submenus) in the pop-up menu */
/* overflow: hidden; */ /* prevents large text from breaking the menu */
/** popup submenus **/
div#content .lm-wrapper .lm-menu .lm-submenu ul li /* database listing in alpha menu */
position: relative; /* used to keep popup menu (below) next to database listing */
/* hide submenu by fefault */
div#content .lm-wrapper .lm-menu .lm-submenu ul li > div.popup
position: absolute; /* allows me to set the exact psoition of the menu */
top: -9999px; /* push the menu far outside the top of the screen */
/* show submenu to right when related database name is hovered over */
div#content .lm-wrapper .lm-menu .lm-submenu ul li:hover > div.popup
position: absolute;
top: 5px;
left: -51%;
height: 45px;
width: 50%;
display: block;
background-color:#999999;
border: solid 1px #000000;
z-index: 20;
font-size: 9px;
line-height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow: hidden; /* prevents large text from breaking the menu */
/* change specific columns */
div#content .lm-wrapper .lm-menu .lm-submenu .c3 ul li:hover > div.popup
/* USE INVISIBLE DIV IF YOU NEED TO SPACE MENU DIFFERENTLY!! */
/*** /LISTMENU STYLES ***/If your container has a width in %, add one of these rules to your CSS code.
/**This re-scales images to any size browser width**/
img {width:100%}
/**this re-scales images up to the native file size only**/
img {max-width:100%}
Also remove height and width attributes from your <img> HTML code. Otherwise this won't work.
Nancy O. -
Spry Menu Vertical - Border thickness problem in IE 7
Hello,
No. I'm not using the last 1.6.1 file, because I have change
the css vertical menu to fit my design style.
Errors that I get:
They are all with IE 7 versions. In Firefox, everything is
great.
1) A weird refresh when I click on the submenu links.
2) I can't get the horizontal border line between the menus
to get 1px in IE 7.
Here is the vertical menu css code:
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release
1.5 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning,
z-order
/* The outermost container of the Menu Bar, a fixed width box
with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 10em;
/* Set the active Menu Bar with this class, currently setting
z-index to accomodate IE rendering bug:
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this
container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 10em;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 10em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 10em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #000;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #333333;
padding: 0.6em 0.75em; /*primeiro pading vertical, segundo:
horizontal*/
color: #FFFFFF;
text-decoration: none;
font-family: sans-serif;
text-align: center;
border: 1px solid white;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #8E001C;
color: #FFF;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
background-color: #8E001C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a
given menu item
/* Menu items that have a submenu have the class designation
MenuBarItemSubmenu and are set to use a background image positioned
on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class
designation MenuBarItemSubmenuHover and are set to use a "hover"
background image positioned on the far left (95%) and centered
vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
float: left;
background: #fff;
How can I give the same effect that happens in firefox, also
in IE 7 ?
Please test the link in both: IE 7 and Firefox.
http://www.hundehilfe-portugal.de/hund.htmladd this to the
@media screen, projection section of the css.
ul.MenuBarVertical li.MenuBarItemIE a and give it a fixed
height. That should fix it. -
Table cell with invisible border?
Hi,
I am trying to get table-cells with e.g. the right
border missing (invisible). I am using the
following XSL-FO to get this:
<fo:table-cell border="solid black 1px" border-right-width="0px" border-collapse="collapse" number-columns-spanned="1">
This works fine with four different
XSL-FO engines, but XMLP shows
the right border. Is there a work around
or different approach to get invisible
borders?
Thank you,
HeinzHi Tim,
I am using an RTF template, but was not able to get
what I need with the standard functionality available
in the RTF template. To work around this, I have
imported a stylesheet to create the FO for the table
directly. I try to append to this mail:
- code in the RTF template
- XML sample data
- stylesheet imported from RTF template
- the generated FO (small table, 4 colums, 7 rows, plus headers)
I could also provide a stylesheet to create a complete,
self containing FO and a correct PDF output, but may
direct mail would be better for this.
Thank you,
Heinz
TemplateBuilder.RTF:
<?start:body?>
<?import: file:///F:/OracleForum/create_a_table.xsl?>
<?for-each:/Sample_Data/Measured_Values?>
<?call@inlines: parameterGroupIndividual?><?end call?>
<?end for-each?>
<?end body?>
XML Data:
<?xml version="1.0" encoding="UTF-8"?>
<Sample_Data>
<Measured_Values>
<Param_Group>GENERAL PARAMGROUP<Parameter Unit="umol/l">BILIU<Item Measured="6.8">1</Item>
<Item Measured="8.2">2</Item>
<Item Measured="-">3<Value_Note>
<number>*</number>
<text>A sample footnote</text>
</Value_Note>
</Item>
<Item Measured="62.1">4</Item>
<Item Measured="215.9">5</Item>
<Item Measured="12.7">6<Item_Note>
<number>a</number>
<text>An Item footnote</text>
</Item_Note>
</Item>
<Item Measured="3.6">7</Item>
</Parameter>
<Parameter Unit="per ul">ERYU<Item Measured="7.210">1</Item>
<Item Measured="45.000">2<Value_Note>
<number>**</number>
<text>Another sample footnote</text>
</Value_Note>
</Item>
<Item Measured="-">3</Item>
<Item Measured="1234.000">4</Item>
<Item Measured="326.580">5</Item>
<Item Measured="3.658">6</Item>
<Item Measured="123.540">7</Item>
</Parameter>
<Parameter Unit="per ul">LEUU<Item Measured="3.00">1</Item>
<Item Measured="3.00">2</Item>
<Item Measured="-">3</Item>
<Item Measured="354.39">4</Item>
<Item Measured="3254.24">5</Item>
<Item Measured="1256.32">6</Item>
<Item Measured="326.54">7</Item>
</Parameter>
</Param_Group>
<Param_Group>CRYSTALS<Parameter Unit="umol/l">GLUHI<Item Measured="22.00">1</Item>
<Item Measured="5.12">2</Item>
<Item Measured="-">3</Item>
<Item Measured="23.14">4<Value_Note>
<number>***</number>
<text>A last footnote</text>
</Value_Note>
</Item>
<Item Measured="576.26">5</Item>
<Item Measured="3621.00">6</Item>
<Item Measured="0.37">7</Item>
</Parameter>
</Param_Group>
</Measured_Values>
</Sample_Data>
create_a_table.xsl:
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:fn="http://www.w3.org/2005/xpath-functions" xmlns:xdt="http://www.w3.org/2005/xpath-datatypes">
<xsl:output method="xml" version="1.0" indent="no" encoding="ISO-8859-1"/>
<!-- -->
<xsl:template name="parameterGroupIndividual">
<xsl:call-template name="doParameterGroupTables">
<xsl:with-param name="currentNodeSet" select="*"/>
<xsl:with-param name="currentNodeChilds" select="*[1]/Parameter"/>
</xsl:call-template>
</xsl:template>
<!-- -->
<xsl:template name="doParameterGroupTables">
<xsl:param name="currentNodeSet"/>
<xsl:param name="currentNodeChilds"/>
<fo:table border="solid black 1px" table-layout="fixed">
<!-- The "Item" column -->
<fo:table-column column-width="2.5cm"/>
<!-- Create required columns 80% space for values, 20% space for footnotes -->
<xsl:call-template name="defineColumnsForNode">
<xsl:with-param name="nodeSet" select="$currentNodeSet"/>
<xsl:with-param name="nodeSetChilds" select="$currentNodeChilds"/>
<xsl:with-param name="colWidth" select="2.4"/>
</xsl:call-template>
<fo:table-header>
<fo:table-row>
<fo:table-cell border="solid black 0px" border-collapse="collapse" number-columns-spanned="1">
<fo:block> </fo:block>
</fo:table-cell>
<xsl:call-template name="doParameterGroupHeaders">
<xsl:with-param name="nodeSet" select="$currentNodeSet"/>
</xsl:call-template>
</fo:table-row>
<fo:table-row>
<fo:table-cell>
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">Item</fo:block>
</fo:table-cell>
<xsl:call-template name="defineSecondRowOfHeaders">
<xsl:with-param name="nodeSet" select="$currentNodeSet"/>
<xsl:with-param name="nodeSetChilds" select="$currentNodeChilds"/>
</xsl:call-template>
</fo:table-row>
</fo:table-header>
<fo:table-body>
<xsl:for-each-group select="*/Parameter/Item" group-by="normalize-space(text())">
<fo:table-row>
<fo:table-cell border="solid black 2px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">
<xsl:value-of select="./text()"/>
</fo:block>
</fo:table-cell>
<xsl:for-each select="current-group()">
<fo:table-cell border="solid black 2px" border-left-width="1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">
<xsl:value-of select="./@Measured"/>
</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 2px" border-right-width="1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left">
<xsl:value-of select="./Value_Note/number/text()"/>
</fo:block>
</fo:table-cell>
</xsl:for-each>
</fo:table-row>
</xsl:for-each-group>
</fo:table-body>
</fo:table>
</xsl:template>
<!-- -->
<xsl:template name="doParameterGroupHeaders">
<xsl:param name="nodeSet"/>
<xsl:if test="$nodeSet[1]">
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="{count($nodeSet[1]/Parameter)*2}">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">
<xsl:value-of select="$nodeSet[1]/text()"/>
</fo:block>
</fo:table-cell>
<xsl:call-template name="doParameterGroupHeaders">
<xsl:with-param name="nodeSet" select="$nodeSet[1]/following-sibling::*"/>
</xsl:call-template>
</xsl:if>
</xsl:template>
<!-- -->
<xsl:template name="defineSecondRowOfHeaders">
<xsl:param name="nodeSet"/>
<xsl:param name="nodeSetChilds"/>
<xsl:choose>
<xsl:when test="$nodeSetChilds[1]">
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="2">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">
<xsl:value-of select="$nodeSetChilds[1]/text()"/>
</fo:block>
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">
<xsl:value-of select="$nodeSetChilds[1]/@Unit"/>
</fo:block>
</fo:table-cell>
<xsl:call-template name="defineSecondRowOfHeaders">
<xsl:with-param name="nodeSet" select="$nodeSet"/>
<xsl:with-param name="nodeSetChilds" select="$nodeSetChilds[1]/following-sibling::*"/>
</xsl:call-template>
</xsl:when>
<xsl:when test="$nodeSet[1]/following-sibling::*">
<xsl:call-template name="defineSecondRowOfHeaders">
<xsl:with-param name="nodeSet" select="$nodeSet[1]/following-sibling::*"/>
<xsl:with-param name="nodeSetChilds" select="$nodeSet[1]/following-sibling::*[1]/Parameter"/>
</xsl:call-template>
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<!-- -->
<xsl:template name="setValuesPGroupChilds">
<xsl:param name="nodeSet"/>
<xsl:param name="nodeSetChilds"/>
<xsl:param name="ItemNumber"/>
<xsl:choose>
<xsl:when test="$nodeSetChilds[1]/Item[text()=$ItemNumber]">
<fo:table-cell border="solid black 1px" border-right-width="0px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">
<xsl:value-of select="$nodeSetChilds[1]/Item[text()=$ItemNumber]/@Measured"/>
</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-left-width="0px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left">
<xsl:value-of select="$nodeSetChilds[1]/Item[text()=$ItemNumber]/Value_Note/number/text()"/>
</fo:block>
</fo:table-cell>
<xsl:call-template name="setValuesPGroupChilds">
<xsl:with-param name="nodeSet" select="$nodeSet"/>
<xsl:with-param name="nodeSetChilds" select="$nodeSetChilds[1]/following-sibling::*"/>
<xsl:with-param name="ItemNumber" select="$ItemNumber"/>
</xsl:call-template>
</xsl:when>
<xsl:when test="$nodeSet[1]/following-sibling::*">
<xsl:call-template name="setValuesPGroupChilds">
<xsl:with-param name="nodeSet" select="$nodeSet[1]/following-sibling::*"/>
<xsl:with-param name="nodeSetChilds" select="$nodeSet[1]/following-sibling::*[1]/Parameter"/>
<xsl:with-param name="ItemNumber" select="$ItemNumber"/>
</xsl:call-template>
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<!-- -->
<xsl:template name="defineColumnsForNode">
<xsl:param name="nodeSet"/>
<xsl:param name="nodeSetChilds"/>
<xsl:param name="colWidth"/>
<xsl:choose>
<xsl:when test="$nodeSetChilds[1]">
<fo:table-column column-width="{$colWidth*0.8}cm"/>
<fo:table-column column-width="{$colWidth*0.2}cm"/>
<xsl:call-template name="defineColumnsForNode">
<xsl:with-param name="nodeSet" select="$nodeSet"/>
<xsl:with-param name="nodeSetChilds" select="$nodeSetChilds[1]/following-sibling::*"/>
<xsl:with-param name="colWidth" select="$colWidth"/>
</xsl:call-template>
</xsl:when>
<xsl:when test="$nodeSet[1]/following-sibling::*">
<xsl:call-template name="defineColumnsForNode">
<xsl:with-param name="nodeSet" select="$nodeSet[1]/following-sibling::*"/>
<xsl:with-param name="nodeSetChilds" select="$nodeSet[1]/following-sibling::*[1]/Parameter"/>
<xsl:with-param name="colWidth" select="$colWidth"/>
</xsl:call-template>
</xsl:when>
<xsl:otherwise>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<!-- -->
<!-- create $noOfCols empty table-cells -->
<!-- -->
<xsl:template name="fillColumns">
<xsl:param name="noOfCols"/>
<xsl:if test="$noOfCols > 0">
<fo:table-cell border-right-style="dashed" border-left-style="dashed" border-width="1px">
<fo:block/>
</fo:table-cell>
<xsl:variable name="rest" select="$noOfCols - 1"/>
<xsl:call-template name="fillColumns">
<xsl:with-param name="noOfCols" select="$rest"/>
</xsl:call-template>
</xsl:if>
</xsl:template>
</xsl:stylesheet>
<fo:table border="solid black 1px" table-layout="fixed">
<fo:table-column column-width="2.5cm"/>
<fo:table-column column-width="1.92cm"/>
<fo:table-column column-width="0.48cm"/>
<fo:table-column column-width="1.92cm"/>
<fo:table-column column-width="0.48cm"/>
<fo:table-column column-width="1.92cm"/>
<fo:table-column column-width="0.48cm"/>
<fo:table-column column-width="1.92cm"/>
<fo:table-column column-width="0.48cm"/>
<fo:table-header>
<fo:table-row>
<fo:table-cell border="solid black 0px" border-collapse="collapse" number-columns-spanned="1">
<fo:block> </fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="6">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">GENERAL PARAMGROUP</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="2">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">CRYSTALS</fo:block>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell>
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">Item</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="2">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">BILIU</fo:block>
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">umol/l</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="2">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">ERYU</fo:block>
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">per ul</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="2">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">LEUU</fo:block>
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">per ul</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="2">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">GLUHI</fo:block>
<fo:block font-family="sans-serif" font-size="9pt" text-align="center" font-weight="bold">umol/l</fo:block>
</fo:table-cell>
</fo:table-row>
</fo:table-header>
<fo:table-body>
<fo:table-row>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">1</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">6.8</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">7.210</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">3.00</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">22.00</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">2</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">8.2</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">45.000</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left">**</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">3.00</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">5.12</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">3</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">-</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left">*</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">-</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">-</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">-</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">4</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">62.1</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">1234.000</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">354.39</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">23.14</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left">***</fo:block>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">5</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">215.9</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">326.580</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">3254.24</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">576.26</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">6</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">12.7</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">3.658</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">1256.32</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">3621.00</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell border="solid black 1px" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="center">7</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">3.6</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">123.540</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">326.54</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-end-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="right">0.37</fo:block>
</fo:table-cell>
<fo:table-cell border="solid black 1px" border-start-style="none" border-collapse="collapse" number-columns-spanned="1">
<fo:block font-family="sans-serif" font-size="9pt" text-align="left"/>
</fo:table-cell>
</fo:table-row>
</fo:table-body>
</fo:table> -
Dreamweaver CS4 Cell border question
Hi
I am working on a site and have a small table on a page which is styled with CSS. Whatever I do I cannot remover the black borders to each individual cell. There appears to be no border to the table, just each cell. The page can be viewed here: <http://www.colinbowling.com/monster_banners/contact.html>. I'm using Dreamweaver CS4.
Can anyone over me any advice as to what to do?
Cheer
Colin.First, I highly recommend reading up on CSS. I get the impression you downloaded a template from somewhere and don't understand how to edit it.
http://www.w3schools.com/css/
The table is id is table2 per the code:
<table width="787" cellpadding="5" id="table_2">
Right now all you have in your code is:
#table_2 {
border: thin solid #000;
border-collapse: collapse;
font-weight: bold;
text-align: center;
font-size: 14px;
Simply apply a style to the table2 cells as:
#table_2 td { border: thin solid #000000; } -
How put a border round a table row?
I have a simple table, and want to put a border round each row - for some reason nothing I do works. I would also like a large space between rows than between the individual cells but again can't work out how to do it.
Can anyone help?Just to close this thread, I'll show how I would do it -
<style type="text/css">
table {
border-collapse:collapse;
.row td, .row th {
border:solid #000;
border-width:1px;
.row td+td {
border-right:none;
border-left:none;
.row td.last {
border-right:1px solid #000;
.row>td {
border-right:none;
</style>
</head>
<body>
<table>
<tr class="row">
<td>asdfg</td>
<td>asdfg</td>
<td>asdfg</td>
<td class="last">asdfg</td>
</tr>
</table>
</body>
This is interesting because it illustrates the use of the adjacent siblings selector and the first descendent selector. What's slick is if you know how many cells there are in the row, you could do it this way and bypass the creation of that extra class selector (td.last) -
<style type="text/css">
table {
border-collapse:collapse;
.row td, .row th {
border:solid #000;
border-width:1px;
.row td+td {
border-right:none;
border-left:none;
.row td+td+td+td {
border-right:1px solid #000;
.row>td {
border-right:none;
</style>
</head>
<body>
<table>
<tr class="row">
<td>asdfg</td>
<td>asdfg</td>
<td>asdfg</td>
<td class="last">asdfg</td>
</tr>
</table>
</body> -
Table Border Colors Not Corresponding to CSS
Having an issue with tables not displaying their designated border colors. I think something is over-riding in CSS, but don't know how. Here is the page. I've assigned it a new class w/background-color, but it's not showing up - - just transparent borders. Thoughts?
.table{
display:inline;
border-color:#000000}seanmc81 wrote:
That worked for the border, thanks. Although I'm trying to get each cell outlined in #000000 as well. Would i assign something like
border-right-color: 1px solid #000000;
border-left-color: 1px solid #000000}
as well?
.table {
border-collapse: collapse;
.table td {
border: 1px solid #000; -
How to solve problem with JSF table's border (style) ??
Hi, I would like to create table in JSF like this
<table align="center"
width="250"
style="border-collapse: collapse; border: 1px black solid;" >
<tr>
<td align="center"
colspan="2"
style="border: 1px black solid;">
Header A
</td>
</tr>
<tr>
<td> a1 </td>
<td> a2 </td>
</tr>
<tr>
<td> b1 </td>
<td> b2 </td>
</tr>
<tr>
<td align="center"
colspan="2"
style="border: 1px black solid;" >
<BUTTON value="12" > button1 </BUTTON>
<BUTTON value="12"> button2 </BUTTON>
</td>
</tr>
</table>I don't know how to create borders like this with JSF's components.
I know how to create table and collspan, but I have a problem with
border and style.
below is example that I creat it, but borders are not OK
IF ANYONE FIND SOLUTION I WILL BE TANKFUL
JSF:
<hx:panelBox id="box1"
layout="pageDirection"
bgcolor="silver"
align="center"
style="border: 1px red solid;"
border="0">
<hx:panelBox id="box2" layout="pageDirection" width="100%" bgcolor="#aec74e" height="100%" align="center" style="border: 1px black solid;">
<center>
<h:outputText styleClass="outputText" id="text9" value="Prazniki"></h:outputText>
</center>
</hx:panelBox>
<h:panelGrid styleClass="panelGrid" id="grid1" columns="3">
<h:outputText styleClass="outputText" id="text4" value="#{msgs.planDan}">
</h:outputText>
<h:inputText styleClass="inputText" id="text3" value="#{pc_Koledar.praznikBean.dan}">
</h:inputText>
<f:verbatim></f:verbatim>
<h:outputText styleClass="outputText" id="text5" value="#{msgs.planMesec}">
</h:outputText>
<h:selectOneMenu styleClass="selectOneMenu" id="menu1" value="#{pc_Koledar.praznikBean.selectedMesec}">
<f:selectItems value="#{pc_Koledar.praznikBean.meseci}" />
</h:selectOneMenu>
<f:verbatim></f:verbatim>
<h:outputText styleClass="outputText" id="text6" value="#{msgs.planLeto}">
</h:outputText>
<h:inputText styleClass="inputText" id="text2" value="#{pc_Koledar.praznikBean.leto}">
</h:inputText>
<f:verbatim></f:verbatim>
<h:outputText styleClass="outputText" id="text7" value="#{msgs.nazivPraznika}">
</h:outputText>
<h:inputText styleClass="inputText" id="text1" value="#{pc_Koledar.praznikBean.nazivPraznika}">
</h:inputText>
<f:verbatim></f:verbatim>
</h:panelGrid>
<hx:panelBox id="box3"
align="center"
layout="lineDirection"
width="100%"
style="border: 1px black solid;" bgcolor="#aec74e">
<center>
<hx:commandExButton type="submit" value="Dodaj" id="button1" action="#{pc_Koledar.doButton1Action}" lang="CP1250">
</hx:commandExButton>
<hx:commandExButton type="submit" id="button3" action="#{pc_Koledar.doButton3Action}" value="Prika�">
</hx:commandExButton>
</center>
</hx:panelBox>
</hx:panelBox>Couldn't you use styleClass or id for CSS?
-
Changing navi bar border color
Hello, I need to change the border of my navi bar on the left
hand side. I do not want the grey but a red and cannot figure out
which part of the menu bar to change... You can see this
goldenagecheese.com/newsitepages
Thanks if someone can help me put the last finishing touches
on my site it would be greatly appreciated!!!
Also please check my site out and give me any suggestions for
my site that would make it nicer.
Thanks!!Hello,
You have another rule over-riding the one Ken pointed out.
So, as Ken said, adjust the border color here:
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 3px solid #FF0000;
Then, get rid of the border color in this rule so it doesn't
over-ride the
red with gray:
ul.MenuBarVertical
margin: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 10em;
padding: 0;
font-weight: bold;
border-color: #660000; <<<<<<<<
Delete this
I'm sorry to point this out, but have you looked at the site
with the
browser's text size setting 1 level higher than what your
browser was when
you designed it? It's severely broken and illegible in parts,
especially
around the form.
Here's a screen shot from FireFox:
http://tnsgraphics.com/chtext.htm
This is because of the numerous APDivs (a.k.a Layers) which
cause this
problem when used as a layout tool.
More info about the problem and the fix:
http://apptools.com/examples/pagelayout101.php
Take care,
Tim -
Murray solved my problem of having ONLY the outer table
border color show using css (many thanks!). But now the client
would like the page border to show only below the logo - OR to have
a black border on the top cell. They want the JCB letters to blend
into black. Here's the page of the beginning site:
http://www.saraohara.com/jcb/pages/home.htm
THANKS!
Sara Ohara
Web Designer and Computer Trainer
858-336-5671
[email protected]
http://www.SaraOhara.comChange your table.special rule from this -
table.special {
border: 2px solid #bda448;
border-collapse:collapse;
margin:0 auto;
width:760px;
to this -
table.special {
border: 2px solid #bda448;
border-top:none;
border-collapse:collapse;
margin:0 auto;
width:760px;
> can I hire you? Really.
I'm a freelancer and I subcontract for jobs frequently. So,
sure!
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"sohara" <[email protected]> wrote in
message
news:gk5en2$3ta$[email protected]..
> There are 3 rows in this table:
> 1. logo
> 2. bottle image
> 3. footer
>
> They want there to NOT be a gold border on the top of
the logo so that the
> letters JCB blend into the black (or there could be a
black border which
> would
> accomplish the same thing). They do still want a gold
border on the rest
> though.
>
> Here's their photoshop sample:
>
http://www.jeancharlesboisset.com/Home_page.html
>
> and here's mine:
http://www.saraohara.com/jcb/pages/home.htm
>
> Thanks so much Murray - can I hire you? Really.
> Sara
> -
td style "border-top:none;" is not working
Hi there,
In a JSP page I have a table and when i am setting style for td as <td style= "border-top:none;"> it still shows the top border, whereas if i do border-bottom:none; it works perfectly , I have multiple rows and if data in top and bottom cells of two rows are same then i want to merge them .
any help will be appriciated.
Thanks.
Edited by: jsplearner on Dec 16, 2009 12:52 PM <td style="border-top:0; border-bottom:none; padding-left:5px; cursor:pointer;" <%=sAppList1%>><input type="hidden" name="prtner" value="<%=nullconv(s1)%>" /> </td>
<td style="border-top:0; border-bottom:none; padding-left:5px; cursor:pointer;" <%=sAppList1%>><input type="hidden" name="propid" value="<%=nullconv(p1)%>" /> </td>
<td style="border-top:0; border-bottom:none; padding-left:5px; cursor:pointer;" <%=sAppList1%>><input type="hidden" name="rmrk" value="<%=nullconv(r1)%>" /> </td>Edited by: jsplearner on Dec 16, 2009 10:51 PM
Edited by: jsplearner on Dec 16, 2009 11:50 PMIts not really a java question, but I usually do this to achieve the result you are after. Remove all borders from the table first:
.collapsed {
border-collapse:collapse;
text-align: center;
width: 100%;
}And then add in the borders that you want when you need them, like the first and last cell and the border-bottoms of the dividing record sets.
Its also easier IMO if you use some css stylesheet entries instead of coding the styles inline in the tags themselves.
Maybe you are looking for
-
Hello. I have some problems with Oracle VM Manager. Oracle VM Manager Version: 3.0.1.1361 Build: 20110818_1361 When I try to delete/create Virtual Machine I get such error: "ADF_FACES-60097:For more information, please see the server's error log for
-
Host name, port number and service name
Hi! I have a question that will sound easy and stupid, but not for me. during the instal of 9iAS.There is a screen ask to provide the host name,port number and service name. Did host anme is only the name of my PC? and what is the port number?(window
-
Liquify and Blur Gallery Problem
I am having a problem with using the blur gallery (specifically field blur) and liquify when I convert my photo to smart object. Both tabs dim and won't let me use them. They work when the photo isn't a smart object, but I need it to be in that form
-
I have an issue with my Macbook Pro 2011 monitor
So recently my screen has doing and I can't seem to understand why.
-
2010.07-1 archboot "2k10-R5" ISO hybrid image released
Hi Arch community, Arch Linux (archboot creation tool) 2010.07-1, "2k10-R5" has been released. To avoid confusion, this is not an official arch linux iso release! Homepage and for more information on archboot: http://wiki.archlinux.org/index.php/Arch