Jens Heinerl: Pixel-Schubserei ...

Beitrag lesen

SELF-Forum

Pixel-Schubserei ...

Jens Heinerl
– Informationen zu den Bewertungsregeln

Hi Gunther,

stimmt die  Funktion habe ich vergessen:

  
function getPosition(obj) {  
    var topValue = 0, leftValue = 0;  
    while (obj) {  
        leftValue += obj.offsetLeft;  
        topValue += obj.offsetTop;  
        obj = obj.offsetParent;  
    }  
    finalvalue = leftValue + "," + topValue;  
    return finalvalue;  
}

Und dir ist auch bekannt, dass eine ID nur einmal pro Seite vorkommen darf!?

Das ist mir bekannt. Das div wird sobald der User mit der Mouse irgendwo hinklickt oder das Fenster verlässt wieder gelöscht. Hab das bloß nicht in den Code reingepackt, da dort der Fehler nicht liegen kann. Und sonst würde es noch mehr Code bedeuten, den ihr euch anschauen müsstet.

  

> <td>  
> <div class="cdiv" onclick="CreateDiv(this);">  
> <div class="combobild">  
> </div>  
> <div class="combotext">  
> <span class="as_cui_t">Auswahl2:</span>  
> </div>  
> </div>  
> </td>

Klar, kann ich das erläutern: innerhalb der Tabelle soll ein Text mit einem Bild (rechts davon) angezeigt werden.

----------------------------
|  Das ist ein text | [Bild]|
-----------------------------

Das Bild weist eine feste Breite von 21px auf und befindet sich im div container "combobild". Im div container "combotext" befindet sich der Text (span) der unterschiedlich lang sein kann und die Spaltenbreite bis zu einer "max-width" definiert. Das Div "combotext" beinhaltet ein  Hintergrundbild für den span-text.

Beide divs "combotext" und "combobild" hab ich in das div "cdiv" gepackt, welches dem ganzen einen Border "1px solid #eee" verleiht.

Diese Informationen habe ich lediglich rausgenommen, da das eigentlich Darstellungsproblem auch ohne dieen css-Styles auftritt. Aber vielleicht hast du diesbezüglich noch eine gute Optimierung hinsichtlich Codesize parat.

Hier sind die CSS:

  
.combotext  
{	  
background: url("../images/dd_bk.png") repeat-x; 	  
height:100%;  
margin-right:21px;  
padding:0px 2px 0px 2px;  
text-align:left;  
}  
  
  
.combobild  
{	  
float:right;  
border-left:1px solid #747373;  
border-right:none;  	  
background: url("../images/dd_img.png") no-repeat;  
width:21px;  
height:100%; 	  
}  
  
.cdiv  
 {  
/* display:block; macht das hier Sinn??? */  
border: 1px solid #000;  
height: 24px;  
text-align:center;  
vertical-align: middle;	  
line-height: 24px;		  
 }

Gruß
Jens

Beitrag melden
–
Informationen zu den Bewertungsregeln