Druckvorstufe
Threadersteller
Dabei seit: 27.03.2004
Ort: RS
Alter: 44
Geschlecht:
|
Verfasst Di 03.01.2012 10:03
Titel CSS-Problem: verschiedene Tabellenlayouts in Joomla |
|
|
Hallo Zusammen,
als CSS-Neuling arbeite ich gerade an einem Joomla-Template. Ich habe den CSS-Code angepasst und durch W3.org validieren lassen - ohne Fehler.
Nun habe ich eine Frage: Tabellen werden mit einem gestrichelten grauen Rahmen wieder gegeben. Was ja auch logisch ist:
Code: |
tr, td {
border : 1px dashed #ddd;
} |
Nun gibt es aber Tabellen in manchen Artikeln, die keinen Rahmen haben sollen. Ich versuche im Quelltext durch den Parameter
den Tabellenrahmen abzuschalten. Aber es bringt nichts. Nach dem Speichern ist der Rahmen sofort wieder sichtbar.
Was muss ich tun? Bin am verzeifeln!
Hier nochmal die gesamte CSS:
Code: |
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
* {
margin : 0;
}
html, body {
height : 100%;
}
body {
text-align : left;
font-family : Helvetica, Arial, sans-serif;
font-size : 0.8em;
line-height : 1.5em;
color : #555555;
background-color : #f5f5f5;
}
a {
color : #02a6dc;
text-decoration : underline;
}
a:hover {
color : #1a1c2a;
text-decoration : underline;
}
img {
border-style : none;
}
em, i {
font-style : italic;
}
strong, b {
font-weight : bold;
}
p {
line-height : 1.6em;
margin : 8px 0;
}
h1 {
font-family : 'Kreon', sans-serif;
font-weight : 400;
line-height : 1.3em;
color : #02a6dc;
font-size : 22px;
margin-bottom : 12px;
}
h1 a {
color : #02a6dc;
text-decoration : none;
}
h1 a:hover {
color : #1a1c2a;
text-decoration : none;
}
h2 {
font-family : 'Kreon', sans-serif;
font-weight : 400;
line-height : 1.3em;
color : #1a1c2a;
font-size : 18px;
margin-bottom : 10px;
}
h2 a {
color : #1a1c2a;
text-decoration : none;
}
h2 a:hover {
color : #02a6dc;
text-decoration : none;
}
h3 {
font-family : 'Kreon', sans-serif;
font-weight : 400;
line-height : 1.3em;
color : #1a1c2a;
font-size : 18px;
margin-bottom : 6px;
}
h3 a {
color : #1a1c2a;
text-decoration : none;
}
h3 a:hover {
color : #02a6dc;
text-decoration : none;
}
.moduletable h3 {
font-family : 'Kreon', sans-serif;
font-weight : 400;
line-height : 1.3em;
color : #1a1c2a;
font-size : 18px;
margin-bottom : 6px;
}
h4 {
font-family : Helvetica, Arial, sans-serif;
font-weight : 600;
color : #000000;
font-size : 14px;
}
h5 {
font-family : Helvetica, Arial, sans-serif;
font-weight : 300;
color : #000000;
font-size : 14px;
}
h6 {
font-family : Helvetica, Arial, sans-serif;
font-weight : 600;
font-size : 13px;
}
ul, ol {
list-style-position : outside;
list-style-type : square;
padding-left : 30px;
margin-top : 6px;
margin-bottom : 6px;
}
hr {
border : 0;
color : rgb(226, 226, 226);
background-color : rgb(226, 226, 226);
height : 1px;
margin-top : 5px;
margin-bottom : 5px;
}
.tip {
font-size : 0.9em;
text-align : left;
line-height : 1.2em;
padding : 3px;
max-width : 400px;
}
.tip-title {
font-weight : bold;
}
#wrapper {
display : block;
width : 1000px;
background-color : #fff;
padding : 0;
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -4.4em;
}
#push {
height : 4.4em;
}
#login-form input.button, #member-profile button.validate, #member-registration button.validate, #user-registration button.validate, .logout button, .login button, #searchForm button, #contact-form button.validate, #mailto-window button {
font-family : 'Kreon', sans-serif;
font-weight : 400;
font-size : 1.1em;
color : #fff;
background-color : #1a1c2a;
border : 0;
padding-left : 12px;
padding-right : 12px;
padding-bottom : 2px;
margin-left : 0;
}
#login-form input.button:hover, #member-profile button.validate:hover, #member-registration button.validate:hover, #user-registration button.validate:hover, .logout button:hover, .login button:hover, #searchForm button:hover, #contact-form button.validate:hover, #mailto-window button:hover {
color : #fff;
text-decoration : none;
background-color : #02a6dc;
}
#header {
width : auto;
padding-top : 10px;
padding-left : 22px;
padding-right : 26px;
background-color : #1a1c2a;
background-image : url(../images/header.jpg);
min-height : 80px;
margin-bottom : -1px;
overflow : auto;
}
#logo {
float : left;
font-family : 'Kreon', sans-serif;
font-weight : 400;
font-size : 2.4em;
line-height : 1em;
letter-spacing : -0.03em;
color : #02a6dc;
padding-top : 14px;
padding-bottom : 14px;
margin : 0;
}
#logo a {
text-decoration : none;
color : #02a6dc;
}
#logo a:hover {
text-decoration : none;
color : #02a6dc;
}
#logo div.sitedescription {
font-family : Helvetica, Arial, sans-serif;
font-size : 0.4em;
letter-spacing : 0;
color : rgb(190, 190, 190);
padding-left : 2px;
}
#topnav {
float : right;
margin-top : -10px;
margin-right : 194px;
font-size : 0.94em;
}
#topnav a {
text-decoration : none;
color : #ffffff;
}
#topnav a:hover {
color : #fff;
background-color : #02a6dc;
}
#topnav h3 {
display : none;
}
#topnav ul.menu li {
display : inline;
padding-left : 25px;
}
#search {
clear : right;
float : right;
margin-top : 10px;
margin-right : 0;
}
#mod-search-searchword {
background-image : url(../images/search.png);
background-repeat : no-repeat;
padding : 4px;
width : 144px;
}
#search #mod-search-searchword {
width : 160px;
padding-right : 24px;
}
#topmenu {
float : left;
width : 1000px;
padding-left : 0;
font-family : 'Kreon', sans-serif;
font-weight : 400;
font-size : 1.3em;
color : #fff;
background-color : #1a1c2a;
}
#topmenu ul {
float : left;
padding : 0;
margin : 0;
list-style : none;
background-color : #3b4060;
}
#topmenu a {
display : block;
color : #fff;
padding-top : 8px;
padding-bottom : 10px;
padding-left : 22px;
padding-right : 22px;
text-decoration : none;
background-color : #1a1c2a;
}
#topmenu a:hover {
color : #fff;
text-decoration : none;
background-color : #02a6dc;
}
#topmenu li {
float : left;
padding-right : 1px;
}
#topmenu li ul {
position : absolute;
font-family : Helvetica, Arial, sans-serif;
font-weight : bold;
font-size : 12px;
width : 152px;
left : -999em;
}
#topmenu li ul a {
width : 152px;
padding-top : 9px;
padding-bottom : 9px;
}
#topmenu li.active ul a:hover {
color : #fff;
text-decoration : none;
background-color : #02a6dc;
}
#topmenu li.active ul a {
text-decoration : none;
background-color : #1a1c2a;
}
#topmenu li ul ul {
margin : -37px 0 0 196px;
}
#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
left : -999em;
}
#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul {
left : auto;
}
#breadcrumbs {
width : auto;
font-size : 0.89em;
text-decoration : none;
margin-bottom : 0;
margin-top : 4px;
padding-left : 22px;
}
#breadcrumbs a {
color : #1a1c2a;
text-decoration : none;
}
#breadcrumbs a:hover {
color : #02a6dc;
text-decoration : underline;
}
#leftmenu {
width : 196px;
margin : 0;
padding : 0;
margin-top : 20px;
margin-bottom : 30px;
margin-right : 4px;
padding-left : 22px;
float : left;
line-height : 1.7em;
}
#rightmenu {
width : 196px;
margin : 0;
padding : 0;
margin-top : 20px;
margin-bottom : 30px;
margin-left : 26px;
padding-right : 26px;
float : right;
line-height : 1.7em;
}
#leftmenu a, #rightmenu a {
color : #1a1c2a;
text-decoration : none;
}
#leftmenu a:hover, #rightmenu a:hover {
color : #02a6dc;
text-decoration : none;
}
#leftmenu ul, #rightmenu ul {
padding-left : 0;
list-style-type : none;
margin-left : 0;
margin-top : 12px;
margin-bottom : 20px;
}
#leftmenu ul li, #rightmenu ul li {
border-bottom : 1px solid rgb(226, 226, 226);
padding-top : 2px;
padding-bottom : 2px;
padding-left : 8px;
list-style-type : none;
}
#leftmenu ul li ul, #rightmenu ul li ul {
margin-top : 0;
margin-bottom : 0;
}
#leftmenu ul li ul li, #rightmenu ul li ul li {
border : 0;
padding-bottom : 2px;
list-style-type : none;
font-size : 0.96em;
line-height : 1.5em;
}
#leftmenu ul.menu li.current a, #rightmenu ul.menu li.current a {
font-weight : bold;
}
#leftmenu ul.menu li.current ul li a, #rightmenu ul.menu li.current ul li a {
font-weight : normal;
}
.moduletable {
overflow : hidden;
margin-bottom : 16px;
}
.moduletable_menu {
clear : both;
}
.moduletable_menu h3 {
font-family : 'Kreon', sans-serif;
font-weight : 400;
color : #1a1c2a;
font-size : 18px;
margin-bottom : 6px;
}
#content-w1 {
width : 508px;
float : left;
padding-top : 20px;
overflow : hidden;
padding-left : 22px;
margin-bottom : 30px;
}
#content-w2 {
width : 730px;
float : left;
padding-top : 20px;
overflow : hidden;
padding-left : 22px;
margin-bottom : 30px;
}
#content-w3 {
width : 952px;
float : left;
padding-top : 20px;
overflow : hidden;
padding-left : 22px;
margin-bottom : 30px;
}
#content-w1 h3, #content-w2 h3, #content-w3 h3 {
margin-top : 20px;
}
#content-top {
margin-bottom : 18px;
}
ul.actions {
margin : 0;
padding : 0;
margin-top : -6px;
margin-bottom : -2px;
list-style-type : none;
text-align : right;
}
li.print-icon, li.email-icon, li.edit-icon {
display : inline;
margin-right : 2px;
}
li.print-icon a, li.email-icon a, li.edit-icon a {
text-decoration : none;
}
dl.article-info {
clear : both;
margin-left : 0;
padding : 0;
font-size : 0.86em;
line-height : 1.3em;
}
.article-info dd, .article-info dd {
margin-left : 0;
}
.article-info-term {
display : none;
}
.categories-list ul {
list-style-type : none;
padding-left : 0;
padding-left : 5px;
margin-top : 8px;
}
.categories-list ul li {
list-style-type : none;
padding-left : 5px;
}
.categories-list dl dt, .categories-list dl dd {
display : inline;
}
.image-left {
float : left;
margin-top : 0;
margin-right : 10px;
margin-bottom : 4px;
margin-left : 0;
}
.category-desc p img {
float : left;
margin-top : 0;
margin-right : 10px;
margin-bottom : 2px;
margin-left : 0;
}
.first ul {
padding-left : 15px;
padding : 5px;
}
.first ul li {
padding-bottom : 8px;
padding : 5px;
}
.last ul {
padding-left : 15px;
}
.last ul li {
padding-top : 10px;
}
.cat-children ul {
list-style-type : none;
margin-top : 10px;
padding-left : 0;
}
ul#archive-items {
list-style-type : none;
margin-top : 10px;
padding-left : 0;
}
.intro ul {
margin-top : 10px;
margin-bottom : 20px;
}
fieldset.filters {
border : 0 solid #ddd;
margin-top : 5px;
margin-left : 0;
padding-left : 0;
margin-right : 0;
padding-right : 2px;
}
legend.hidelabeltxt {
display : none;
}
.items-leading {
margin-bottom : 20px;
}
.newsfeed ol li {
margin-top : 10px;
}
.newsfeed ol li img {
margin-top : -10px;
}
#article-index {
width : 25%;
float : right;
border : 1px solid #eee;
padding : 10px;
margin-bottom : 10px;
margin-left : 10px;
background : #f9faf9;
}
#article-index h3 {
font-size : 1em;
}
#article-index ul {
list-style-type : disc;
padding-left : 1.4em;
color : #666;
}
.pagenavcounter {
font-weight : bold;
padding-top : 10px;
padding-bottom : 10px;
}
table {
border-collapse : separate;
margin-left : 0;
margin-right : 0;
margin-top : 0;
margin-bottom : 10px;
border-spacing : 0;
}
tr, td {
border : 1px dashed #ddd;
}
table.weblinks, table.category {
width : 100%;
}
table.weblinks td, table.category td {
border-collapse : collapse;
padding : 7px;
}
table.weblinks th, table.category th {
padding : 7px;
text-align : left;
}
td.num {
vertical-align : top;
text-align : left;
}
td.hits {
vertical-align : top;
text-align : center;
}
td p {
margin : 0;
line-height : 1.3em;
}
.display-limit, .filter {
text-align : right;
}
tr.cat-list-row1 {
background-color : rgb(242, 242, 242);
}
table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
background : #1a1c2a;
}
table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
color : #fff;
}
table.category th a img {
border : 0 solid;
display : none;
}
table.category th a:hover {
color : #02a6dc;
}
table.moduletable td, table.moduletable tr {
border : 0;
}
.pagenav {
padding : 2px;
}
ul.pagenav {
list-style-type : none;
margin : 0;
margin-top : 20px;
padding : 4px;
overflow : hidden;
}
li.pagenav-prev a, li.pagenav-next a {
font-family : 'Kreon', sans-serif;
font-weight : 400;
font-size : 1.1em;
line-height : 1.6em;
color : #fff;
text-decoration : none;
background-color : #1a1c2a;
border : 0;
padding : 2px;
padding-left : 12px;
padding-right : 12px;
}
li.pagenav-prev a:hover, li.pagenav-next a:hover {
color : #fff;
text-decoration : none;
background-color : #02a6dc;
}
li.pagenav-prev {
float : left;
}
li.pagenav-next {
float : right;
}
.pagination {
clear : both;
padding-top : 8px;
padding-bottom : 8px;
border-top : 1px solid rgb(226, 226, 226);
}
.pagination ul {
list-style-type : none;
margin : 0;
padding : 0;
text-align : left;
}
.pagination li {
display : inline;
padding : 2px 5px;
text-align : left;
margin : 0 2px;
}
.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev {
border : 0;
}
.pagination li.pagination-start, .pagination li.pagination-start span {
padding : 0;
}
p.counter {
font-weight : bold;
}
.cols-1 {
display : block;
float : none !important ;
margin : 0 !important ;
}
.cols-2 .column-1 {
width : 48%;
float : left;
}
.cols-2 .column-2 {
width : 48%;
float : right;
margin : 0;
}
.cols-3 .column-1 {
float : left;
width : 29%;
padding : 0 5px;
margin-right : 4%;
}
.cols-3 .column-2 {
float : left;
width : 29%;
margin-left : 0;
padding : 0 5px;
}
.cols-3 .column-3 {
float : right;
width : 29%;
padding : 0 5px;
}
.items-row {
overflow : hidden;
margin-bottom : 10px !important ;
}
.column-2 {
width : 55%;
margin-left : 40%;
}
.column-3 {
width : 30%;
}
.blog-more {
padding : 10px 5px;
}
#login-form fieldset.userdata {
margin-bottom : 5px;
margin-top : -15px;
margin-left : 0;
border : 0;
font-size : 0.96em;
float : left;
}
#login-form ul {
margin-left : 0;
}
#login-form ul li {
border : 0;
line-height : 1.1em;
float : left;
width : 100%;
}
#login-form input.inputbox {
width : 144px;
padding : 2px;
margin-left : 0;
}
#login-form label {
display : block;
margin-left : 0;
}
#form-login-remember label {
float : none;
width : auto;
display : inline;
}
#form-login-remember input.inputbox {
width : auto;
}
.login fieldset {
border : 0;
}
.login-fields {
margin : 10px 0;
}
.login-fields label {
float : left;
width : 9em;
}
.login-description, .logout-description {
overflow : hidden;
padding-left : 5px;
margin : 20px 0 10px 0;
}
.logout-description {
margin-bottom : 20px;
}
#users-profile-core, #users-profile-custom {
margin : 10px 0 15px 0;
padding : 15px;
}
#users-profile-core dt, #users-profile-custom dt {
float : left;
width : 12em;
padding : 3px 0;
}
#users-profile-core dd, #users-profile-custom dd {
padding : 3px 0;
}
#users-profile-core legend, #users-profile-custom legend, .profile-edit legend, .registration legend {
font-weight : bold;
}
#member-profile fieldset, .registration fieldset {
margin : 10px 0 15px 0;
padding : 15px;
}
.profile-edit form#member-profile fieldset dd, .registration form#member-registration fieldset dd {
float : none;
padding : 5px 0;
}
.profile-edit form#member-profile fieldset dd input, .profile-edit form#member-profile fieldset dd select, .registration form#member-registration fieldset dd input {
width : 17em;
}
.profile-edit form#member-profile fieldset dt, .registration form#member-registration fieldset dt {
clear : left;
float : left;
padding : 5px 5px 5px 0;
width : 16em;
}
#users-profile-core, #users-profile-custom {
border : 1px solid #ccc;
}
#member-profile fieldset, #member-registration fieldset {
border : 1px solid #ccc;
}
#user-registration.form-validate fieldset {
border : 0 solid;
padding-left : 0;
}
h3.pane-toggler {
font-size : 1.1em;
border-top : 1px solid rgb(226, 226, 226);
margin-bottom : 2px;
padding-bottom : 8px;
padding-top : 8px;
}
h3.pane-toggler-down {
font-size : 1.1em;
border-top : 1px solid rgb(226, 226, 226);
margin-bottom : 2px;
padding-bottom : 8px;
padding-top : 8px;
}
address span {
display : block;
font-style : normal;
}
.contact-address img {
margin-bottom : 10px;
}
.panel .contact-form, .panel .contact-miscinfo {
padding : 10px;
}
.contact .panel .contact-form form, .contact .panel .contact-address {
margin : 20px 0 0 0;
}
#contact-form fieldset {
border : 0;
}
#contact-form fieldset dl dt {
padding-top : 4px;
}
#jform_contact_email_copy-lbl {
float : left;
padding-right : 6px;
}
#jform_contact_email_copy {
margin : 4px;
}
.star {
color : #cc0000;
}
.tip {
border : 1px solid #333;
background : #ffffcc;
font-size : 0.86em;
padding : 5px;
}
.searchintro {
font-weight : normal;
margin : 20px 0 20px;
}
.searchintro img {
border : 0;
}
.word {
border : 0 solid #ccc;
}
fieldset.word label {
font-weight : bold;
color : #333;
}
.form-limit {
margin : 20px 0 0;
text-align : right;
padding : 0 10px 0 20px;
}
.highlight {
font-weight : bold;
}
.ordering-box {
width : 40%;
float : right;
}
.phrases-box {
width : 60%;
float : left;
}
.only, .phrases {
border : 1px solid #ccc;
margin : 10px 0 0 0;
padding : 15px;
line-height : 1.3em;
}
label.ordering {
display : block;
margin : 10px 0 10px 0;
}
.word {
padding : 10px 10px 10px 0;
}
.word input {
font-weight : bold;
margin : 0 10px 0 10px;
padding : 4px;
font-size : 1em;
}
.word label {
font-weight : bold;
}
fieldset.only label, fieldset.phrases label {
margin : 0 10px 0 0;
}
.ordering-box label.ordering {
margin : 0 10px 5px 0;
float : left;
}
form .search label {
display : none;
}
.search legend {
font-weight : bold;
}
dl.search-results dt.result-title {
border-top : 1px solid #ddd;
padding-top : 10px;
font-weight : bold;
}
dl.search-results dd.result-created {
padding-top : 6px;
padding-bottom : 10px;
color : rgb(170, 170, 170);
}
dd.result-category {
padding-top : 6px;
padding-bottom : 6px;
}
.stats-module dl {
margin : 10px 0 10px 0;
}
.stats-module dt {
float : left;
margin : 0 10px 0 0;
font-weight : bold;
}
.stats-module dt, .stats-module dd {
padding : 2px 0 2px 0;
}
a.feed-link {
margin-top : 15px;
display : block;
text-decoration : none;
}
.feed-link img {
border : 0;
}
#footer {
clear : both;
width : 952px;
margin : auto;
margin-top : 20px;
padding-top : 6px;
font-size : 0.86em;
color : rgb(170, 170, 170);
background-color : #fff;
}
#footer div.custom hr {
border : 0;
color : rgb(226, 226, 226);
background-color : rgb(226, 226, 226);
height : 1px;
}
#copyright {
width : 952px;
margin : auto;
margin-top : 20px;
padding-top : 6px;
border-top : 1px solid rgb(226, 226, 226);
font-size : 0.86em;
text-align : center;
color : rgb(170, 170, 170);
background-color : #fff;
}
#copyright a {
color : rgb(170, 170, 170);
text-decoration : none;
}
#copyright a:hover {
color : rgb(170, 170, 170);
text-decoration : none;
}
#copyright img {
border-style : none;
}
#copyright div.cp2 {
text-align : left;
}
#adminForm.form-validate fieldset {
border : 1px solid #ddd;
margin-top : 20px;
margin-bottom : 20px;
padding : 8px;
}
#adminForm legend {
font-weight : bold;
}
.edit.item-page {
max-width : 660px;
}
#adminForm.form-validate fieldset div.formelm {
padding-bottom : 10px;
display : block;
}
#adminForm.form-validate fieldset div.formelm label, #adminForm.form-validate fieldset div.formelm input {
display : inline-block;
}
#adminForm.form-validate fieldset div.formelm label {
width : 120px;
}
#adminForm.form-validate fieldset div.formelm-area label, #adminForm.form-validate fieldset div.formelm-area input {
display : inline-block;
}
#adminForm.form-validate fieldset div.formelm-area label {
width : 120px;
vertical-align : top;
}
#adminForm.form-validate fieldset div.formelm-buttons {
margin-top : -32px;
padding-bottom : 10px;
height : 20px;
float : right;
}
#jform_articletext_tbl.mceLayout {
clear : both;
}
#mailto-window {
padding : 50px;
width : 300px;
}
#mailto-window h2 {
padding-bottom : 10px;
}
#mailto-window p {
clear : left;
padding-top : 20px;
}
#mailto-window label {
padding : 0;
}
#mailto-window input {
margin : 4px;
}
#mailtoForm div.formelm label, .formelm input {
display : inline-block;
}
#mailtoForm div.formelm label {
width : 80px;
}
#mailtoForm div.formelm input {
width : 200px;
}
#mailto-window div.mailto-close a {
display : none;
}
body.contentpane {
background-color : #fff;
}
#main div.item-page {
margin : 5px;
}
body.contentpane {
color : #000;
}
|
|
|