Avatar billede rangerbs Nybegynder
06. oktober 2009 - 22:26 Der er 2 kommentarer

Hjælp til at vise tabeller ordentligt fra wordpress plugin

Hej eksperter :) Har smidt spm. i CSS, da jeg tror det er problemet.

Jeg er igang med at lave en ny hjemmeside til mit fodbold hold og bruger wordpress, men jeg har et problem med et nyt theme, som jeg har installeret. (transmission theme)

Det vil nemlig ikke vise tabeller ordentligt, når jeg bruger plugin såsom nextGEN Gallery eller et script som LeagueManager. Eller bare plugins, som generelt bruger tabeller.

Alt kommer bare til at stå hulter til bulter.. se her f.eks. http://herlevallstar.dk/wordpress/kampe/ i plugin'et er det delt rigtig flot op i en tabel, hvor hver 2. række er en den samme farve. Her kan man ikke engang se at det står i en tabel. Tror måske at det har noget at gøre med temaets CSS, men kan overhoved ikke se hvor det skulle være.

Kan i måske hjælpe mig?

Smider lige temaets CSS filer med:

Style.css


/*
Theme Name: Transmission-07
Theme URI: http://www.nuviotemplates.com/
Author: Vit Dlouhy, Nuvio
Author URI: http://www.nuvio.cz
*/

/* ----------------------------------------------------------------------------------------------------------

This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

Structure:

display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

Content:

1) HTML tags, reset

2) Universal styles (display, float, margin, text-align...)

3) Generally HTML styles (table, ul, dl...)

4) Layout

5) Page: Home

Z) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------

1) HTML tags, reset

---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

body {padding:50px 0; background:url("design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}

h1 {font-size:200%;}

h2 {font-size:160%;}

h3 {font-size:140%;}

h1, h2, h3 {font-weight:normal;}

h4, h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}

th {text-align:center; font-weight:bold;}

th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}

ul ul, ol ol {margin:0; margin-left:20px;}

ol {list-style-type:decimal;}

li {display:list-item;}

dt {font-weight:bold;}

dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}

legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------

2) Universal styles (display, float, margin, text-align...)

---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}

.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

.t-left {text-align:left !important;}

.t-center {text-align:center !important;}

.t-right {text-align:right !important;}

.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}

.va-middle {vertical-align:middle;}

.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}

.nomt {margin-top:0 !important;}

.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

.bigger {font-size:110%;}

.smaller {font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------

3) Generally HTML styles (table, ul, dl...)

---------------------------------------------------------------------------------------------------------- */

ul.ul-style01 {margin:15px 0; padding:0; list-style:none;}

ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("design/ul-style01.gif") 0 6px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------

4) Layout

---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; text-align:left;}

#header {position:relative; width:960px; height:200px; background:url("design/header.jpg") 0 0 no-repeat; overflow:hidden;}

#logo {position:absolute; top:0; right:20px; margin:0; font-size:180%; font-weight:normal; letter-spacing:-1px; text-transform:uppercase;}

#logo a {display:block; padding:5px 10px 0 10px; text-decoration:none;}

#logo span {font-weight:bold;}

#nav {padding:0 20px; background:url("design/nav-bottom.gif") 0 100% no-repeat; overflow:hidden;}

#nav ul {margin:0; padding:0; list-style:none;}

#nav ul li {display:inline; margin:0; padding:0;}

#nav ul li a {display:block; float:left; padding:10px 14px 10px 15px; text-decoration:underline;}

#nav ul li.current_page_item a {border:0; font-weight:bold; text-decoration:none;}

#nav ul li a:hover {text-decoration:none;}

#cols-top {clear:both; width:960px; height:15px; margin-top:10px; background:url("design/cols-top.gif") 0 100% no-repeat; font-size:0; line-height:0;}

#cols-bottom {clear:both; width:960px; height:15px; margin-bottom:10px; background:url("design/cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

#cols {clear:both; width:960px; background:url("design/cols.gif") 0 0 repeat-y;}

#content {float:left; width:650px; overflow:hidden;}

#content .content-padding {padding:15px;}

#aside {float:right; width:300px; overflow:hidden;}

#aside .aside-padding {padding:0 15px;}

#aside .title {margin:0; padding:10px 15px; font-size:100%; font-weight:bold;}

#aside #search {padding:15px 0; text-align:center;}

#aside #search #search-input {width:170px; padding:5px; font:normal 100%/1.2 "arial",sans-serif;}

#aside #search #search-submit {padding:4px 5px; border:0; font:bold 100%/1.2 "arial",sans-serif;}

#aside #archive {margin:5px 0 10px 0; padding:0; width:270px;}

#aside #archive a {text-decoration:none;}

.box {min-height:1px;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.box2 ul {margin:15px 0; padding:0; list-style:none;}

.box2 ul li {margin:0; padding:2px 0 3px 0; background:url("design/dot.gif") 0 100% repeat-x;}

#aside ul#rss {margin:10px 0; padding:0; list-style:none;}

#aside ul#rss li {display:block; float:left; width:135px; margin:0; padding:0;}

#aside ul#rss li a {display:block; padding:7px 0 7px 40px; background:url("design/rss.gif") 0 50% no-repeat; text-decoration:underline;}

#footer-top {clear:both; width:960px; height:15px; background:url("design/footer-top.gif") 0 100% no-repeat; font-size:0; line-height:0;}

#footer-bottom {clear:both; width:960px; height:15px; background:url("design/footer-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

#footer {clear:both; padding:0 15px; font-size:85%;}

#footer p {margin:0;}

#footer a {font-weight:bold; text-decoration:none;}

#footer a:hover {text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------

5) Page: Home

---------------------------------------------------------------------------------------------------------- */

#topstory {padding:15px 0 15px 15px;}

#topstory h2 {font-size:140%;}

#topstory h2, #topstory p.info {margin:0;}

#topstory p.info {font-size:85%;}

#topstory #topstory-img {float:left; width:250px; padding-right:10px;}

#topstory #topstory-desc {padding-left: 5px; width:auto;}

#topstory #topstory-title {padding:10px;}

#topstory #topstory-desc-in {padding-right:15px;}

#topstory #topstory-desc-in p {margin-bottom:0;}

#photos {margin-bottom:15px; font-size:0;}

#photos img {display:block; float:left; width:116px; height:90px; border:0; margin-right:8px; margin-bottom:8px;}

.cols50 {background:url("design/dot-02.gif") 50% 0 repeat-y;}

.col50 {float:left; width:325px;}

.col50-right {float:right; width:310px;}

.col50 .article {padding:15px;}

.col50 .article h4 {margin:0; margin-bottom:3px;}

.col50 .article p {margin:0;}

.col50 .article p.info {margin:0; margin-bottom:5px; font-weight:normal; font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------

Z) Others

---------------------------------------------------------------------------------------------------------- */

.hx-style01 {font-size:85%; font-weight:bold; text-transform:uppercase;}

.separator {width:620px; height:50px; background:url("design/separator.gif") 0 0 no-repeat; font-size:0;}

#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}

#commentform textarea {

width: 75%;

padding: 2px;

}

#commentform #submit {

margin: 0;

padding:4px 5px;

border:0;

font:bold 100%/1.2 "arial",sans-serif;
}

/* Begin Comments*/

.alt {

margin: 0;

padding: 10px;

background-color: #050F2E;

}

.commentlist {

padding: 0;

text-align: justify;

}

.commentlist li {

margin: 15px 0 3px;

padding: 5px 10px 3px;

list-style: none;

width:75%;

}

.commentlist p {

margin: 10px 5px 10px 0;

}

#commentform p {

margin: 5px 0;

}

.nocomments {

text-align: center;

margin: 0;

padding: 0;

}

.commentmetadata {

margin: 0;

display: block;

}

/* End Comments */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}


Scheme.css

/* ----------------------------------------------------------------------------------------------------------

This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background-color:#0a1f5c; color:#FFF;}

a {color:#FFF;}
a:hover {color:#FF0000;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background-color:#050f2e;}

#logo {color:#FFF;}
#logo a {border-top:5px solid #EA0025; color:#FFF;}
#logo a:hover {border-top:15px solid #EA0025;}
#logo span {color:#000;}

#nav {background-color:#050f2e;}
#nav ul li a {border-right:1px solid #0A1F5C; color:#9BCEFF;}
#nav ul li.current_page_item a {background:#FF0000; color:#FFF;}
#nav ul li a:hover {background:#030817; color:#FFF;}

#content {background:#081745;}

#aside {background:#081745;}
#aside .title {border-bottom:1px solid #152F52; background:#050F2E; color:#9BCEFF;}

#aside #search #search-input {border:1px solid #152F52; border-right:1px solid #1F477A; border-bottom:1px solid #1F477A; background:#050F2E; color:#FFF;}
#aside #search #search-submit {background:#FF0000; color:#FFF;}

#footer-top {background-color:#050f2e;}
#footer-bottom {background-color:#050f2e;}
#footer {background:#050f2e; color:#9BCEFF;}
#footer a {color:#9BCEFF;}

.low, .low a, a.low {color:#9BCEFF;}
.low a:hover, a:hover.low {color:#FFF;}

.high, .high a, a.high {color:#FFF;}
.high a:hover, a:hover.high {color:#FF0000;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory {border-bottom:1px solid #152F52; background:#050F2E;}
#topstory h2 a {color:#FF0000;}
#topstory h2 a:hover {color:#FFF;}
#topstory p.info {color:#9BCEFF;}
#topstory p.info a {color:#9BCEFF;}
#topstory p.info a:hover {color:#FFF;}

#topstory #topstory-title {padding-left:0; border-bottom:1px solid #1F477A;}

.col50 .article.bg {background:#050F2E;}
.col50 .article h4 a {color:#FF0000;}
.col50 .article h4 a:hover {color:#FFF;}
.col50 .article p {color:#9BCEFF;}
.col50 .article p.info {color:#9BCEFF;}
.col50 .article p.info a {color:#FFF;}
.col50 .article p.info a:hover {color:#9BCEFF;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

#commentform #submit {background:#FF0000; color:#FFF;}

.hx-style01 {color:#9BCEFF;}


Håber meget i kan hjælpe mig.. eller ihvertfald give et hint til hvad fejlen kan være..
Mvh RangerBS :)
Avatar billede Slettet bruger
27. august 2012 - 07:32 #1
Hvorfor ikke blot bruge plugin'et "WP-Table Reloaded"? Det er super nemt at oprette og rette tabeller i det plugin.

http://startblogger.dk/hvordan-far-man-en-tabel-ind-i-et-indlaeg
Avatar billede larsbachmann Nybegynder
26. februar 2013 - 13:12 #2
Det bedste plugin til tabeller i WordPress i Tablepress.
Det kan du læse mere om på http://wordpress.org/extend/plugins/tablepress/

Her er en lille guide og eksempel: http://www.larsbachmann.dk/tabeller-i-wordpress.html
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester