XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   border hidden (http://xhtmlforum.de/showthread.php?t=70500)

Rico 10.01.2014 09:57

border hidden
 
hallo

wieviele Bäume hat ein Wald...? Vor diesem stehe ich gerade. Eigentlich ein simples Problem. Ich habe eine Datentabelle, bei der ich einen gewissen Rahmen verstecke.
HTML-Code:

<table id="tour>               
<colgroup>
<col class="
spalte1"><col class="spalte2"><col class="spalte3">

Code:

external stylesheet:
#tour td {
        padding : 3px;
        border : 1px solid #cccccc;
}

.......
.spalte2 {
border-left-style: hidden;
....
}

soweit alles OK! Für die 2. Spalte wird der linke Rahmen versteckt! In ganz bestimmten Fällen will ich dieses "hidden wieder ersetzen durch "solid".
Code:

inline: 2. Zelle
<td style="border-left-style: solid;">

und genau das tut es nicht!

Danke für den Denkanstoss!
Erich

leex279 10.01.2014 10:43

wenn du den style hast brauchst du auch ein border-left-width dafür damit klar ist wie breit der rahmen sein soll, evtl auch color noch... (glaub ich zumindest)

ps: poste doch mal ein funkionierendes beispiel auf http://jsfiddle.net/

Rico 10.01.2014 10:54

Zitat:

Zitat von leex279 (Beitrag 536278)
wenn du den style hast brauchst du auch ein border-left-width dafür damit klar ist wie breit der rahmen sein soll, evtl auch color noch... (glaub ich zumindest)

das stimmt schon! Aber im externen stylesheet wurde ja border : 1px solid #cccccc definiert und das ist eine Zusammenfassung aller border-Eigenschaften. Die bleiben ja bestehen.

leex279 10.01.2014 10:55

achso ok.
wie gesagt poste deine tabelle mal bei jsfiddle dann schau ichs mir nochmal an

explanator 10.01.2014 12:13

Border-style-left: hidden ist das gleiche wie none und damit ist der Rahmen weg, du musst ihn also komplett neu definieren wenn du ihn wieder darstellen willst, also mit Rahmenstärke und Farbe.

CSS/Properties/border-left-style - W3C Wiki

leex279 10.01.2014 12:16

funktioniert aber in meinem beispiel hier auch ohne komplett neu zu definieren
Edit fiddle - JSFiddle

explanator 10.01.2014 12:29

Ja stimmt, dann sollte er mal den kompletten Code posten.

Rico 10.01.2014 18:17

@explanator :
border-left-style: hidden;
none und hidden führen nicht zum selben Resultat. "none" wird nicht ausgeführt.
"hidden" verbirgt den linken Rahmen.
ist eine Teilmenge der gesamten border-Definition. Deshalb müsste man den Rahmen und die Farbe nicht neu definieren.
Aber : da ich für die Tabelle auch : border-collapse : collapse; verwende ist es gleichzeitig auch der rechte Rand der 1. Zelle. Hier entsteht der Konflikt.

@leex279
dein Beispiel in jsfiddel ist nicht korrekt. Es liefert einen 3px Rahmen und nicht 1px-Rahmen. Aber du hast mich indirekt auf das Problem hingewiesen.

Das Problem liegt beim border-collapse. Eine Lösung habe ich allerdings noch nicht. Vielleicht muss ich mir einen anderen Ansatz überlegen.

leex279 10.01.2014 18:36

sollte auch nicht genau dein beispiel sein.

wie gesagt, poste bitte deinen code in jsfiddle dann kann man es nachvollziehen und dir helfen.

explanator 10.01.2014 18:52

Nein, nicht jsfiddle, bitte den gesamten code hier rein schreiben.
Ich habe ständig Probleme mit jsfiddle und andere Helfer rufen die Seite gar nicht erst auf.
Bitte nicht immer auf fremde Dienstleister verweisen.


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:22 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023