LineBreaks i CSS

Prøv først at flytte </td> op:

Vi mangler endnu: 1 spiller</td>

Har jeg gjort... Virker ikke...

Har før oplevet at det giver problemer... Fatter ikke hvorfor den laver mellemrum når det sker...

Men... Det virkede ikke

Har du prøvet med:
outline:none
margin:0px

i stylesheetet

Stadig ingen forskel
Det virker som om den "reserverer" pladsen hvor billedet normalt ville være positioneret, og bare flytter billedet bagefter....

Så indholdet bliver alligevel positioneret efter den originale position!

så prøv at sætte clip på

clip:topafstand, højreafstand, bundafstand, venstreafstand;

ca:
clip:90px, 135px, 104px, 69px;

clip laver så at sige et 'vindue' man kan kigge ind på et element !-)

Desværre heller ikke

Mellemrummet er PRÆCIS 30 pixels, hvilket svarer til billedets højde (20 px) og margin-top; som er på 10 px...

Det er som om billedet tager plads, selvom man placerer det et andet sted...

Prøv at sætte det til position:absolute -- det kræver godt nok noget mere posotionering, men så skulle det blive ægte svævende ...

-- og jeg kigger lige efter hvad der står om position !-)

Ja, men det er jo i forhold til 0,0, og det skifter jo efter hvilken opløsning folk benytter, gør det ikke???

Prøver at lege lidt med det

Det var desværre som jeg frygtede:

relative
The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position. When a box B is relatively positioned, the position of the following box is calculated as though B were not offset.
absolute
The box's position (and possibly size) is specified with the 'left', 'right', 'top', and 'bottom' properties. These properties specify offsets with respect to the box's containing block. Absolutely positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings. Also, though absolutely positioned boxes have margins, they do not collapse with any other margins.

-- og du har helt ret, det kan være et helvede at få det til at fungere ;-|

Et eksempel fra et af mine projekter:

function posText(){
  for(i=1;i<=men;i++){
    punkt=document.getElementById('menupunkt'+i)
    objX=parseInt(punkt.offsetLeft)+parseInt(punkt.offsetParent.offsetLeft) +parseInt(punkt.offsetParent.offsetParent.offsetLeft) +parseInt(punkt.offsetParent.offsetParent.offsetParent.offsetLeft) +45+"px";
    objY=parseInt(punkt.offsetTop)+parseInt(punkt.offsetParent.offsetTop)+parseInt(punkt.offsetParent.offsetParent.offsetTop)+parseInt(punkt.offsetParent.offsetParent.offsetParent.offsetTop)+5+"px";
    obj=document.getElementById('menutext'+i);
    obj.style.left=objX;
    obj.style.top=objY;
  }
}

Med al respekt... Sådan noget LORT...

ARGH...

Nogen forslag til en nem løsning???

Jeg tænkte tidligere på en slags tabelløsning, måske kan det gøre det ?-)

Ja, det kan det.. selvfølgelig.. Det er nemt lavet, men.. Ja.. Så gør jeg da bare det!!! ;)  Ville bare gerne være popsmart og benytte CSS

Men så mister jeg muligheden for at definere ALT på begge billeder, da det ene nødvendigvis bliver en baggrund...

Har selv måttet give op et par gange, men en dag kommer der vel en forbi, som har fundet den geniale metode ,-)

Ja, eller også fatter CSS folkene at relavtive er noget skrammel når den reserverer pladsen først...

Hehe... Nå lyder til jeg må gå på kompromi...
Tak for hjælpen..

Bemærk lige denne her:

When a box B is relatively positioned, the position of the following box is calculated as though B were not offset.

hvis du nu bytter rundt på dine to billeder -- og så positionerer derfra ?-)

Så optager den jo plads et andet sted!!!

Jeg havde lige håbet, at vi kunne finde noget tom plads, som den ku' ligge på udfra dokument-flowet ;-(

Tjah... Det bliver jo måske nok løsningen...

Jeg fik det ordnet med tables...

Placerede billederne i en celle for sig, yderst til højre, og positionerede derfra...

Tak for hjælpen...

Det virker nu, men synes nu nok det er en underlig måde det virker på... Kan ikke se hvorfor den skal offsette fra den originale position, og reservere plads hvor elementet IKKE er, men det er nok bare mig! ;)

Hyg dig Roenving

Tjaeh ... relative og absolute -- et par herlige redskaber, men der er nogen oprydningsarbejde ,-)

Lidt for sent måske, men her er alligevel et muligt svar:

Benyt trods alt position:absolute på billedet. position:absolute refererer nemlig ikke til hele skærmen, men til elementets 'containing box'. Det vil sige at hvis billedet befinder sig inde i en 'box' der er positioneret så bliver offset i forhold til denne box. Lidt kringlet, men:

Sæt boxen der indeholder billedet, altså <td> til at være relativt positioneret, men uden offset. <td style="position: relative;">
Sæt så billedet: <img (...) style="postion:absolute; top: 90; left: 69;">.

Så bliver billedet positioneret inde i <td> og der kommer ingen 'overskydende' plads.

Håber i kan bruge det i fremtiden.

NB. Netscape/Mozilla er muligvis lidt buggy ved denne fremgangsmåde. I hvert fald hvis man benytter <table style="position: relative"> i stedet for <td>. Sig til hvis har brug for et 'hack' der løser dette.