css Frage höchstwahrscheindlich

[ragtek]

Hi
ich habe folgendes nach einem Codebeispiel "zusammengebaut" => http://www.ragtek.org/ragtek-addons.html

So, alles klappt wunderbar, nur stört mich die untere Linie.
Sie soll keinen Abstand haben.
Könnte mir da jemand helfen?

thx

[Surviver]

Geil, wie hast du dieses Menu gemacht, sowas suche ich schon ewig :D

[ragtek]

http://developer.yahoo.com/yui/tabview/

hier der genaue code http://blog.davglass.com/files/yui/tab4/
wobei es mit mootools usw viel einfacher geht als mit yui aber ich wollt üben*g*
http://www.chrisesler.com/mootools/mootools-accordion.html

[Surviver]

Interessant, Danke :)

[Hoffi]

Welche untere Linie?

[ragtek]

Jetzt ist sie wieder da.
Folgender Teil ist drann schuld:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------
Ich denk ich sollt mich bissi mehr mit css beschäftigen.
Nur falls ich sie hier wegmach, fehlt mir einfach dann beim letzen Absatz der Strich.

[ragtek]

Sodala

Beim roten Bereich soll Sie weg, beim gelben dazu.

[Hoffi]

Bei mir ist sie auch noch nach Links verschoben.

Gib doch dem Kasten der den Text enhält die Border. Also den Navs'

An der positionierung solltest du noch Arbeiten.

Wenn man CSS entwickelt, sollte man von Null anfangen im der Datei und auf alle Objekte die Standardabstände Nullen.

CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

An den Anfang der CSS Datei.

[e@sy]

So funzt es:

#tabs .yui-content {
border:1px solid #ccc;
border-top: none;
border-bottom: none; <---- zusätzlich
padding: 0 2em;
_overflow: hidden;
color: #FFFFCC;

und

#tabs li div {
overflow: hidden;
color: #999;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc; <---- zusätzlich
font-weight: normal;
padding: 0 1em;
font-size: 100%;
}

[ragtek]

danke

[ragtek]

So
nach bisschen mit css und yui beschäftigen schaut es doch ganz gut aus find ich.
muss mir noch das http://www.vbulletin-germany.org/showpost.php?p=4463&postcount=8 anschaun (hoffi was meinst du mit links verschoben? im ie und im ff schaut es für mich ok aus)aber ansonstn bin ich zufriedn

[Hoffi]

Die Linie schaute bei mir im IE6 links raus. Stand über.

[ragtek]

schaute lässt darauf schliessen das es mal war

danke

[e@sy]

Kannst du noch mal die css Datei posten oder den Bereich.
Irgendwas stimmt da noch nicht. Die Links gehen über die ganze Zeile und nicht nur über die Schrift. Oder ist das so gewollt ?

[ragtek]

http://www.ragtek.org/forum/clientscript/vbulletin_css/addonscss.css
aber falls wir das selbe meinen(der komplette tab ist "der link" dann ist das so gewollt von mir

[ragtek]

Ok
doch noch ein kleines Problem
wenn nun Links im "content" Bereich sind werden diese so wie die "tabs" dargegstellt(also hintergrundbild)

[e@sy]

So kannst du einen speziellen Style für den Link angeben a style="border: none;" href="...

PHP:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

[e@sy]

Falls du noch mehr Probleme mit CSS hast

http://de.selfhtml.org/css/

und such doch mal bei google den CSS Designer V3.0

Dort kannst du deine komplette Seite reinkopieren und dann rumbasteln.