Tabelle ohne Gitternetzlinien

voltibrakel

Hallo,

ich baue gerade eine Homepage für unsere Sportabteilung auf. Zurzeit sitze ich an dieser Seite http://voltigieren-brakel.de/?page_id=7

Ich möchte dort gerne eine Tabelle ohne Gitternetzlinien einfügen, damit Inhalt und Bilder strukturierter auf der Seite dargestellt werden. Ich bekomme es aber einfach nicht hin!

Mein HTML-Code lautet:

HTML

<table border="0">
<tbody>
<tr>
<td>Amoroso</td>
<td></td>
<td>Caribou</td>
</tr>
<tr>
<td>Chanell</td>
<td></td>
<td>Dachico</td>
</tr>
<tr>
<td>Danilo</td>
<td></td>
<td>Delano</td>
</tr>
<tr>
<td>Dorian Gray</td>
<td></td>
<td>Mandy</td>
</tr>
</tbody>
</table>

Alles anzeigen

Soweit meine HTML-Kenntnisse reichen müssten die Gitternetzlinien doch verschwinden, wenn ich den Wert bei border auf 0 setze, oder? Auch wenn ich border weglasse, verschwinden die Gitternetzlinien nicht... :x

Ich benutze den Weaver II Theme...

Oder bin ich mit HTML dort falsch?

Über einen kleinen Tipp würde ich mich sehr freuen... ich verzweifel schon dadran :-(

LG

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Es ist ein zusätzlicher Border per CSS definiert. Such mal in Deiner style.css nach
#content table und #content tr td und dort nach border: ???

Hier trägst Du dann border: 0 none; ein. Am Besten Du machst das über ein Child-Theme.

voltibrakel

Ich hab jetzt einmal das:

#content table {
border: 0 none;
text-align:left;
margin:auto;
margin-bottom:3px;
width:auto;
}

und einmal das geändert:
#content tr td {
border: 0 none;
padding:5px 10px;
}

Es funktioniert immer noch nicht :-(

SirEctor

Dann versuch es mit [COLOR=#333333]border: 0 none [/COLOR][COLOR=#ff0000]!important[/COLOR][COLOR=#333333];[/COLOR]

voltibrakel

leider immer noch nicht...

oder muss ich sonst noch was beachten? vllt hab ich was wichtiges vergessen und ich weiß es nicht?

pixselig

Ich würde

Code

border-width: 0px;

SirEctor
Ich bin mir jetzt nicht mehr sicher ob beim reinen border-Attribut nicht alle drei Angaben (width, style und color) notwendig sind?

SirEctor

Ich sehe kein !important in Deiner CSS. Hast Du wirklich gespeichert? Nutzt Du ein Cache-Plugin?

pixselig: bei border reicht auch nur 0 oder 0 none.

Edit: bitte die Ergänzung !important in der CSS machen, nicht bei der Tabelle selber

pixselig

Danke SirEctor :-)

voltibrakel

Zitat von pixselig
Ich würde
Code
border-width: 0px;

habe ich ausprobiert, klappt aber auch nicht...

voltibrakel

Zitat von SirEctor

Ich sehe kein !important in Deiner CSS. Hast Du wirklich gespeichert? Nutzt Du ein Cache-Plugin?

Edit: bitte die Ergänzung !important in der CSS machen, nicht bei der Tabelle selber

habe ich gemacht, funktioniert aber irgendwie auch nicht. was ist ein cache plugin?

SirEctor

Zitat von SirEctor

Such mal in Deiner style.css

Du schreibst es direkt in die Tabelle, was falsch ist. Es muss in der style.css Deines Themes geändert werden.

voltibrakel

das ist jetzt meine tabelle:
<table>
<tbody>
<tr>
<td>Amoroso</td>
<td></td>
<td>Caribou</td>
</tr>
<tr>
<td>Chanell</td>
<td></td>
<td>Dachico</td>
</tr>
<tr>
<td>Danilo</td>
<td></td>
<td>Delano</td>
</tr>
<tr>
<td>Dorian Gray</td>
<td></td>
<td>Mandy</td>
</tr>
</tbody>
</table>

die ist doch richtig oder?

so jetzt geh ich unter design --> editor --> und dann bin ich ja im stylesheet (style.css) drin...

und da hab ich das verändert...
#content tr td {
border: 0 none !important;
padding:5px 10px;
}

#content table {
border: 0 none !important;
text-align:left;
margin:auto;
margin-bottom:3px;
width:auto;
}

und dann auf datei aktualisieren....

SirEctor

Ja, das ist richtig. Aber dann kommt das nicht an. Welche Plugins nutzt Du? Ist da irgendwas mit Minify oder Cache dabei? Dann die bitte mal deaktivieren.

voltibrakel

contact form 7, kommentare deaktivieren, dms guestbook, dms guestbood widget, simple staff list, veranstaltungskalender, weaver ii theme extras, wp lightbox 2

SirEctor

Hast Du einen "Custom CSS" Teil als Option irgendwo über das Backend? Dann trag das da mal bitte ein.

Ansonsten habe ich keine Idee mehr, warum Deine CSS-Anweisungen nicht ankommen.

voltibrakel

--------------------------------------------------------------------------------------------------------------
*** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING ***

>>>> DO NOT EDIT THIS FILE! <<<<

The Weaver II Theme has been designed so that editing style.css is no longer required!

If you need to make changes to the styles rules, add Custom CSS rules from the
Advanced Options : <HEAD> Section : Custom CSS Rules box tab of the
Weaver II admin panel. Weaver II also is designed to use child themes for even more customization.

#### IMPORTANT! #####

This file is NOT USED directly by the theme. The equivalent, minimized version, style.min.css,
will be used. (CSS minimization by YUI Compressor.) Do not edit that file, either!

DO NOT EDIT THIS FILE!

*** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING *** *** WARNING ***

das habe ich gefunden... ist das der custom css teil?

SirEctor

Design -> Weaver II Admin -> Main Options
dort runter scrollen bis Du zum Teil "Lists- <HR> - Tables" kommst. Dann bei "Table Style:" No Border auswählen.

Wenn das klappt, solltest Du Dir mal die Einstellungen des Themes genau anschauen. Vielleicht findest Du noch was brauchbares.

voltibrakel

Vielen vielen Dank für deine Hilfe!!! Der letzte Tipp der wars!!!! Ich habe bei Table Style "no borders" eingestellt und jetzt funktioniert es!!

Gibt es einen schöneren Abend als das erfolgreiche Deutschlandspiel und einer Lösung? :D

Vielen vielen Dank noch einmal!!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tabelle ohne Gitternetzlinien

Jetzt mitmachen!