Unten ausrichten

[maeggi07]

Hallo,

Ich habe ein Problem mit meinem TabMenü.

Ich benutze 2 Bilder einmal Bild Normal(2.png) und Bild Hover (1.png).
Ich möchte dass das bild (2.png Normal) sich unten ausrichtet und nicht oben.
aber egal was ich mache, es will einfach nicht nach unten.
Habe auch bei www.css4you.de geguckt, und sachen ausprobiert. wie zb.

margin:
padding:
usw.

hier mal ein bild zur hilfe. die buttons in rot. sollen sich unten anpassen. so wie das bild links (1.png hover).

................................................

http://www.skindoo.bplaced.net/bild.PNG

................................................

hier nochmal der link zur css datei.

http://www.skindoo.bplaced.net/components/com_comprofiler/templates/skin_theme2/tab.css

................................................

ich hoffe ihr könnt mir dabei helfen.

vielen dank schonmal im vorraus

mfg maeggi07

[Teufelchen]

Ich benutze 2 Bilder einmal Bild Normal(2.png) und Bild Hover (1.png).
Ich möchte dass das bild (2.png Normal) sich unten ausrichtet und nicht oben.

hier mal ein bild zur hilfe. die buttons in rot. sollen sich unten anpassen. so wie das bild links (1.png hover).
http://www.skindoo.bplaced.net/bild.PNG

hier nochmal der link zur css datei.
http://www.skindoo.bplaced.net/components/com_comprofiler/templates/skin_theme2/tab.css

ich hoffe ihr könnt mir dabei helfen.

Ein Bild, dass das Problem deutlich zeigt, ist zwar schon eine gute Idee, dass du auf die CSS-Datei verwiesen hast auch, aber jetzt überlege dir doch mal bitte, wie hier jemand wissen soll, welche Einträge in der CSS-Datei für die betreffenden Elemente gelten sollen. Selbst wenn man's am Namen erkennen würde, hielte ich es für unnötig, anderen die Sucherei nach passenden Namen aufzubürden.

Also: Entweder rückst du den HTML-Code raus und verrätst vielleicht noch, um welche Elemente darin es geht, oder du greifst dir Firefox, installierst dort die Erweiterung Firebug und suchst selbst nach der Lösung.

[maeggi07]

Hallo,

.......................................

Also: Entweder rückst du den HTML-Code raus und verrätst vielleicht noch, um welche Elemente darin es geht, oder du greifst dir Firefox, installierst dort die Erweiterung Firebug und suchst selbst nach der Lösung.

.......................................

ich habe firefox und den plugin firebug. aber damit finde ich die lösung auch nicht. damit versuche ich es immer als erstes.

also hier mal ein link zu meiner homepage.

http://www.skindoo.de

nicht meckern bin gerade am einstellen vom farben usw. also ist noch nichts drin.

ihr müsst auch einloggen, um den menütab zusehen.
dafür habe ich 3 accounts angelegt, damit ihr euch nicht anmelden müsst.

1 ACC

BN: testacc1
PW: testacc1

2 ACC

BN: testacc2
PW: testacc2

3 ACC

BN: testacc3
PW: testacc3

ich hoffe sehr, das hilft euch weiter.

vielen dank schonmal

mfg maeggi07

[Malcolm Beck´s]

hi,

ihr müsst auch einloggen, um den menütab zusehen.
dafür habe ich 3 accounts angelegt, damit ihr euch nicht anmelden müsst.

1 ACC

BN: testacc1
PW: testacc1

2 ACC

BN: testacc2
PW: testacc2

3 ACC

BN: testacc3
PW: testacc3

Das ist mal ein lobenswerter Service, so müsste es immer sein, überall, immer. :)

Ok. zu deinem Problem, auf die schnelle fiel mir das auf,

  
.dynamic-tab-pane-control .tab-row .tab.selected {tab.css (line 61)  
background-image:url( ) !important;    /* whas das? */  
height:38px !important;  
}  
  
.dynamic-tab-pane-control .tab-row .tab {tab.css (line 36)  
background-image:url( );   /* whas das? */  
height:33px;  
}

Hoffe es hilft.

grüße

[maeggi07]

hallo,

Das ist mal ein lobenswerter Service, so müsste es immer sein, überall, immer. :)

Ok. zu deinem Problem, auf die schnelle fiel mir das auf,

.dynamic-tab-pane-control .tab-row .tab.selected {tab.css (line 61)
background-image:url( ) !important;    /* whas das? */
height:38px !important;
}

.dynamic-tab-pane-control .tab-row .tab {tab.css (line 36)
background-image:url( );   /* whas das? */
height:33px;
}

>   
> Hoffe es hilft.  
  
  
ja, wer probleme gelöst haben möchte, muss auch was geben :)  
  
also, zu deinen fehler das sind keine fehler. bei mir in der tab.css steht das so drin.  
  
code lang=css]  
61:   .dynamic-tab-pane-control .tab-row .tab.selected {  
62:        width:    107px !important;  
63:        height:    25px !important;  
64:        background-image: url( "2.gif" ) !important;  
  
  
36:   .dynamic-tab-pane-control .tab-row .tab {  
37:     padding-top: 5px;  
38:  width:    107px;  
39:     height:    25px;  
40:     background-image: url( "1.gif" );  
[/code]  
  
kannst auch in der css gucken  
link zur css:  
  
http://www.skindoo.bplaced.net/components/com\_comprofiler/templates/skin\_theme2/tab.css  
  
vieleicht zeigt dir dein plugin oder der quellcode nicht richtig an?  
  
vielen dank für deine hilfe.  
  
mfg maeggi07  
  
  
  

[Malcolm Beck´s]

hi,

ja, wer probleme gelöst haben möchte, muss auch was geben :)

Ach, wenn doch nur alle so denken würden...;)

also, zu deinen fehler das sind keine fehler. bei mir in der tab.css steht das so drin.

61:   .dynamic-tab-pane-control .tab-row .tab.selected {
62:        width:    107px !important;
63:        height:    25px !important;
64:        background-image: url( "2.gif" ) !important;

36:   .dynamic-tab-pane-control .tab-row .tab {
37:     padding-top: 5px;
38:  width:    107px;
39:     height:    25px;
40:     background-image: url( "1.gif" );

  
Müssen wir uns Sorgen um dich machen? :)  
In deiner Verlinkten CSS steht  
  
~~~css
.dynamic-tab-pane-control .tab-row .tab {  
 height:    33px;  
}  
  
.dynamic-tab-pane-control .tab-row .tab.selected {  
 height:    38px !important;  
}

Kannst auch gerne selber mal nachsehen

http://www.skindoo.bplaced.net/components/com_comprofiler/templates/skin_theme2/tab.css

vieleicht zeigt dir dein plugin oder der quellcode nicht richtig an?

Nicht nur mein Plugin, in deinem CSS steht es so wie Oben, vllt. hast du es Lokal und das ist wie du es sagst?

vielen dank für deine hilfe.

Immer wieder gern.

grüße

[maeggi07]

hallo,

Müssen wir uns Sorgen um dich machen? :)
In deiner Verlinkten CSS steht

.dynamic-tab-pane-control .tab-row .tab {

height:    33px;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
height:    38px !important;
}

  
ja das ist schon richtig,  
  
~~~css
  
.dynamic-tab-pane-control .tab-row .tab {  

gehört zu bild 2.png

  
.dynamic-tab-pane-control .tab-row .tab.selected {  

gehört zu bild 1.png

...........................

das sind ja zwei bilder.

eins für normal und eins für hover.
das größer  38xp ist der hover bild 2.png und 33px ist das normale bild.

wenn ich jetzt aber mit der maus über die rechten 4 buttons gehe. geht mouseover nach unten. ich möchte aber das es nach oben geht.
also das die 4 buttons(2.png 33px) nach unten auf die lienie gehen. auf die gleiche höhe wie bild 1.png. das sind ca. 5 pixel. ich möchte einfach nur das die 4 buttons auf der gleichen höhe sind wie der erste. aber nicht von oben (top) sondern von unten(bottum). die 4 rechten bilder sollen 5 pixel weiter runter.

ich weiß nicht wie ich das genau erklären soll :)

ich hoffe ich könnte weiterhelfen

[Malcolm Beck´s]

hi,

wenn ich jetzt aber mit der maus über die rechten 4 buttons gehe. geht mouseover nach unten. ich möchte aber das es nach oben geht.
also das die 4 buttons(2.png 33px) nach unten auf die lienie gehen. auf die gleiche höhe wie bild 1.png. das sind ca. 5 pixel. ich möchte einfach nur das die 4 buttons auf der gleichen höhe sind wie der erste. aber nicht von oben (top) sondern von unten(bottum). die 4 rechten bilder sollen 5 pixel weiter runter.
ich weiß nicht wie ich das genau erklären soll :)

War in Ordnung, _jetzt_ habe ich es auch verstanden. :)

In diesem Falle würde ich das ganz anders angehen und statt mit height eher mit padding arbeiten, also das

.dynamic-tab-pane-control .tab-row .tab.selected {

auf die Gewünschte höhe bringen, allerdings kann das in deinem beispiel etwas kniffelig/anstrengend werden, aber mit ein bisschen Frickeln würde es gehen.

grüße

[maeggi07]

hi,

In diesem Falle würde ich das ganz anders angehen und statt mit height eher mit padding arbeiten, also das

.dynamic-tab-pane-control .tab-row .tab.selected {

auf die Gewünschte höhe bringen, allerdings kann das in deinem beispiel etwas kniffelig/anstrengend werden, aber mit ein bisschen Frickeln würde es gehen.

okay, ich habe noch nciht soviel mit padding gemacht. aber ich werde ers morgen gleich mal testen. also erstmal vielen danke. ich werde mich morgen nochmal melden. vieleicht hat ja jemand noch eine idee.

vielen dank

Malcolm

mfg maeggi

[maeggi07]

guten morgen,

ich habe es jetzt mal mit padding versucht, aber es klappt nicht. es rutscht immer das ganze menü nach oben. und nicht nur die 3 anderen buttons.
also ich habe mal 3 bilder gemacht, um euch das bsser erklären zukönnen.

also
.....................................................
so sieht das menü jetzt aus:

http://www.skindoo.bplaced.net/so_sieht_es_aus.PNG

so möchte ich das menü haben:

http://www.skindoo.bplaced.net/so_moechte_ich_es_haben.PNG

und so sieht es aus wenn ich es mit padding mache:

http://www.skindoo.bplaced.net/5px.png

versuch mit(  padding:0px 0px 5px 0px;  )
......................................................

ich hoffe das hilft euch noch weiter. ich habe das bild(so_moechte_ich_es_haben.PNG) bearbeitet, so wie ich es haben möchte. damit das für euch einfacher ist.

mfg maeggi

[Malcolm Beck´s]

hi,

ich habe es jetzt mal mit padding versucht, aber es klappt nicht. es rutscht immer das ganze menü nach oben. und nicht nur die 3 anderen buttons.
also ich habe mal 3 bilder gemacht, um euch das bsser erklären zukönnen.

Bilder wahrgenommen und verstanden, hab ach eine "Lösung" gefunden, allerdings nur im FF, der erlaubt das Editieren der CSS auf fremden Seiten, da ich deine Seite Lokal nicht hab blieb mir nur das.

Eine Warnung vorab, leg dir eine Kopie von deiner CSS an, bevor du das folgende übernimmst, wie gesagt, nur im FF getestet.

  
/* Wir machens auf die Brutalo Tour :) */  
.dynamic-tab-pane-control .tab-row .tab {  
margin: 0 0 -5px 0;   /* hier ziehen wir die nicht Aktiven drei runter */  
}  
  
.dynamic-tab-pane-control .tab-row .tab.selected {  
margin: -5px 0 0 0;  /* hier ziehen wir den Aktiven 5px hoch */  
}  
  
.dynamic-tab-pane-control .tab-row .tab.hover {  
margin: -5px 0 0 0;  /* Beim hovern muss dann natürlich das Betroffene Feld hochgezogen werden */  
}

Wie gesagt, kein Gewähr, keine Garantie, in meinem FF Funzt[TM] es.

grüße

[maeggi07]

guten morgen,

/* Wir machens auf die Brutalo Tour :) /
.dynamic-tab-pane-control .tab-row .tab {
margin: 0 0 -5px 0;   / hier ziehen wir die nicht Aktiven drei runter */
}

.dynamic-tab-pane-control .tab-row .tab.selected {
margin: -5px 0 0 0;  /* hier ziehen wir den Aktiven 5px hoch */
}

.dynamic-tab-pane-control .tab-row .tab.hover {
margin: -5px 0 0 0;  /* Beim hovern muss dann natürlich das Betroffene Feld hochgezogen werden */
}

>   
> Wie gesagt, kein Gewähr, keine Garantie, in meinem FF Funzt[TM] es.  
  
  
es funkioniert bei mir auch im FF, habe es auch in IE 7 getestet funkioniert auch wunderbar.  
  
VIELEN, VIELEN DANK.  
  
das war vieleicht ein kampf :)  
  
jetzt kann ich die buttons auch anpassen :)  
  
also vielen dank nochmal.  
  
mfg maeggi

[maeggi07]

eine frage noch, womit hast du es in FF getestet? mit einem plugin?

mfg maeggi

[Malcolm Beck´s]

hi,

eine frage noch, womit hast du es in FF getestet? mit einem plugin?

Mit dem Tool, das dir teufelchen zu beginn deines threades vorgeschlagen hatte, Firebug, des Webmasters Liebling. :)
Braucht zwar ein wenig einarbeitung, aber wenn´s sitzt, sitzt es.

Was noch unbedingt in die Werkzeug Kiste gehört ist die Developer Toolbar.

grüße

[maeggi07]

Mit dem Tool, das dir teufelchen zu beginn deines threades vorgeschlagen hatte, Firebug, des Webmasters Liebling. :)
Braucht zwar ein wenig einarbeitung, aber wenn´s sitzt, sitzt es.

Was noch unbedingt in die Werkzeug Kiste gehört ist die Developer Toolbar.

alles klar, firebig habe ich hsconinstalliert. werde mir aber den web developer auch mal anschauen.

also nochmal vielen dank für deine hilfe.

schönen tag wünsche ich dir.

mfg maeggi

[at]

Hallo.

hier nochmal der link zur css datei.

Damit das vielleicht wenigstens beim nächsten mal funktioniert, empfehle ich ein wenig Lektüre.
MfG, at