Mites ton poista nappulan saisi asemoitua oikeeseen alakulmaan sillee, että se on rivin alempana kuin itse teksti. IE6 näyttää tällä hetkellä oikein, mutta muissa selaimissa laatikko pomppi vaik minne?
dt {
border: 3px solid #ccc;
padding-left: 5px;
width: 100px;
}
dd {
margin: -3px 0 20px 0px;
border: 3px solid #ccc;
padding: 5pX;
width: 70%;
}
dd span {
float: right;
margin-right: -8px;
margin-bottom: -8px;
border: 3px solid #ccc;
}
20.03.2005
Teksti Poista
...
..
.
dt {
border: 3px solid #ccc;
padding-left: 5px;
width: 100px;
}
dd {
margin: -3px 0 20px 0px;
border: 3px solid #ccc;
padding: 5pX;
width: 70%;
}
dd span {
float: right;
margin-right: -8px;
margin-bottom: -8px;
border: 3px solid #ccc;
}
20.03.2005
Teksti Poista
...
..
.
Vastaukset 5
Vanhimmat
Jos laitat Poista , niin Poista-teksti menee omalle rivilleen, koska div on block-elementti. Tällöin tosin ko. riville ei saa laitettua mitään muuta.
Saman tekee:
dd span {
display: block;
...
}
Ja tämäkin saattaa onnistua, en ole varma:
dd span {
...
margin-bottom: -1em;
...
}
*Jos laitat Poista , niin Poista-teksti menee omalle rivilleen, koska div on block-elementti. Tällöin tosin ko. riville ei saa laitettua mitään muuta.*
Samalle riville ei tarvitsekkaan laittaa mitään muuta, kuin toi poista linkki.
IE:llä toi toimii oikein.
Firefox periaatteessa oikein, mutta poista linkki onkin jo puoliksi teksti kehyksen ulkopuolella.
Operalla paineke samalle riville tekstin kans. Joka korjaantuu tekstin jälkeen lisäämällä
Ilmeisesti Firefox ei osaa näyttää oikein ton float takia?
dt {
border: 3px solid #ccc;
padding-left: 5px;
width: 100px;
}
dd {
position: relative;
margin: -3px 0 20px 0;
border: 3px solid #ccc;
padding: 5px;
width: 70%;
}
dd span {
position: absolute;
right: -3px;
bottom: -3px;
border: 3px solid #ccc;
}
20.03.2005
Teksti Poista
...
Tämä toimii nyt kaikissa muissa oikein paitsi ei IE:ssä, joka lisääkin kaksi väliä kuten järjen mukaan kuuluukin. Nähtävästi ainoa keino, on tehdä PHP:llä selain tunnistus ja lisätä muille kuin IE:lle yksi lisää?
Elikkäs puuttuuko tosta yksi lopetustagi, vai oletko vain unohtanut sen tästä listasta...? Tagien puuttuminen saattaa aiheuttaa leiskan hyppelyjä selainten välillä.
20.03.2005
Teksti Poista
(tästä puuttuu lopetustagi /dl )
...
En tiedä, mutta taulukkoon voisi laittaa borderit?
7. Tasotehosteet
On irrallinen html-koodin joukkoon sijoitettu koodinpätkä. Uskon, että saat omaan CSS-tiedostoon väsättyä margin-left tai margin-right tyyleillä? Ainakin sait jotain vihiä?