Kirjoittaja
|
News-laatikko sivulle
|
pjburnhill
|
#1 kirjoitettu
29.06.2006 20:14
Moi,
Oon yrittäny väsäillä tommosta scrollattavaa news-laatikkoa mun vapaalle-alueelle mun artistisivulle, mutta ei meinaa ottaa onnistuakseen. Voisko joku auttaa avutonta?
Esimerkki miltä pitäis suurinpiirtein näyttää löytyy Takomon sivuilta.
Kiitosta etukäteen!
|
^ |
Vastaa
Lainaa
|
|
Putte
6686 viestiä
|
#2 kirjoitettu
29.06.2006 20:22
Pistä divien sisään, ja määritä css:llä tuon divin määritykset.
esim.
<div id="lol">
Hyvä Asiakas
joku on sanonut että
"Pizza ei ole yksinkertainen asia - siinä on osa kemia ja osa taitoa".
Angorassa tiedämme tästä ja meidän Pizza-kokit osaa luoda asiakkaallemme täydellisen Pizzan joka ei jää vain asiakkaan muistoon herkkuina mutta tyydyttää myös nälän.
Tervetuloa Angoraan !
</div>
css:
#lol {
height: X px;
width: X px;
overflow: scroll;
jnejnejne
}
|
^ |
Vastaa
Lainaa
|
Taleamus
114 viestiä
|
#3 kirjoitettu
29.06.2006 20:45
Putte kirjoitti:
<div id="lol">
Kannattaa mieluummin käyttää <div class="lol"> koska Mikserin HTML-suodatin suodattaa evil ID-määritykset pois HTML-tageista.
Ja CSS:ään taas risuaitamerkin tilalle piste eli
.lol { puten näyttämät css-määritykset... }
djmarko muokkasi viestiä 20:42 29.06.2006
|
^ |
Vastaa
Lainaa
|
pjburnhill
|
#4 kirjoitettu
30.06.2006 00:18
Kiitoksia paljosti kaikille, kahtotaas jos saadaan toimimaan.
|
^ |
Vastaa
Lainaa
|
pjburnhill
|
#5 kirjoitettu
30.06.2006 00:45
Nyt ei kylla ymmarra ollenkaa.
Laitoin nain:
HTML boxi:
<div id="news">
Hyvä Asiakas, Testing new news area.<br>
<br>
testing.g.<br>
<br>
hellooo<br>
</div>
CSS boxi:
.news {
height: 50 px;
width: 200 px;
overflow: scroll;
border: thin dotted #00FF00;
}
Eika toimi ollenkaa noi css maaritykset. Ei tuu scrolli-baria, tai ei rajota tekstia eika piirra reunoja. Mitaan tieto miks ei css toimi?
|
^ |
Vastaa
Lainaa
|
deebp
|
#6 kirjoitettu
30.06.2006 00:47
pjburnhill kirjoitti:
HTML boxi:
<div id="news">
CSS boxi:
.news {
}
Laita joko ton id-määritteen tilalle class (<div class="news"> ) tai sitten css-koodiin #news. Yläpuolella joku tosin sanoi ettei id:t toimi, joten ehkä kannattaa vaihtaa se class="news" ja antaa olla tuo .news.
Ehkä vähän sekavasti tuli mutta tulipahan kuitenkin.
deebp rakastaa hymiöitä
|
^ |
Vastaa
Lainaa
|
Taleamus
114 viestiä
|
#7 kirjoitettu
30.06.2006 00:48
Vaihda siis tuonne <div id=""> tilalle class, eli <div class="">
djmarko muokkasi viestiä 00:43 30.06.2006
Hah hah deebp olikin meikää nopeampi
|
^ |
Vastaa
Lainaa
|
pjburnhill
|
#8 kirjoitettu
30.06.2006 00:53
Huaah, ei niin ei.
Koitin <div class="news"> ja css:ssa .news { }
Seka <div id="news"> ja css:ssa #news { }
Eika kumpikaan toimi.. haah!
... ?
|
^ |
Vastaa
Lainaa
|
|
pjburnhill
|
#9 kirjoitettu
30.06.2006 01:02
Hmmhmmhmmm...
Jostain syysta toi ei lataa tuolta CSS:ta noita tietoja, koska jos laitan nain niin toimii:
<div style="height: 10 px; width: 70 px; overflow: scroll; border: thin dotted #00FF00;">
Eli suoraan html:aan.. mielenkiintosta.
|
^ |
Vastaa
Lainaa
|
pjburnhill
|
#10 kirjoitettu
30.06.2006 01:52
Elikka jos jotain kiinnostaa tietaa, niin asiaan loyty selvyys:
djmarko keksi kysya koitaa ottaa valilyonti tuosta 200 ja px rivista:
width: 200 px;
CSS puolella:
width: 200 px; <--- ei toimi
width: 200px; <--- toimii!
Kiitti djmarko!
|
^ |
Vastaa
Lainaa
|
jakeriver
1572 viestiä
|
#11 kirjoitettu
30.06.2006 08:52
pjburnhill kirjoitti:
Elikka jos jotain kiinnostaa tietaa, niin asiaan loyty selvyys:
djmarko keksi kysya koitaa ottaa valilyonti tuosta 200 ja px rivista:
width: 200 px;
CSS puolella:
width: 200 px; <--- ei toimi
width: 200px; <--- toimii!
Kiitti djmarko!
Jeejee.
Mutta mikäs järki tuossa on, että id:t suodattuu poies?
|
^ |
Vastaa
Lainaa
|
pjburnhill
|
#12 kirjoitettu
30.06.2006 18:04
Eipa ossaa sanoa, mutta kaykaahan kahtomassa mun uutta hianoa news-boxia!
http://www.mikseri.net/artists/?id=30113
|
^ |
Vastaa
Lainaa
|
pjburnhill
|
#13 kirjoitettu
30.06.2006 18:32
AAAh, paniikki, mitaa tietoa miksi toi laatikko tulee jollain ihme valkosena Internet Explorerissa??
tama alue tulee:
.news {
width: 575px;
height: 147px;
background-color: transparent;
background-image: url('http://i25.photobucket...');
background-repeat: none;
}
Firefox ja Opera nayttaa oikein; lapinakyvana.
pjburnhill muokkasi viestiä 18:28 30.06.2006
|
^ |
Vastaa
Lainaa
|
Taleamus
114 viestiä
|
#14 kirjoitettu
30.06.2006 18:38
Explorerin bugi. Se ei näytä PNG-kuvien läpinäkyvyyttä oikein. Vika ei siis ole sinussa
|
^ |
Vastaa
Lainaa
|
pjburnhill
|
#15 kirjoitettu
30.06.2006 18:41
Piti menna laittaan lapinakyva .PNG:n taustalle mustaa, ettei tulis tota laatikkoa. Miksi IE ei kykene tekemaan siita lapinakyvaa, vaikka muut browserit pystyy??
|
^ |
Vastaa
Lainaa
|
|
pjburnhill
|
#16 kirjoitettu
30.06.2006 18:42
djmarko: ahaa.. eika oo mitaan mahollisuutta kiertaa ohi ton? Giffi varmaan taitas toimia?
|
^ |
Vastaa
Lainaa
|
Taleamus
114 viestiä
|
#17 kirjoitettu
30.06.2006 18:49
Giffi toimii.
djmarko muokkasi viestiä 18:44 30.06.2006
Niin voi tuon bugin kiertääkin mutta se vaatii turhan paljon koodailua, ja luultavasti mikserin html-suodatin taaskaan ei tykkää javascript-koodeista, joita bugin kiertämiseen tarvitaan.
|
^ |
Vastaa
Lainaa
|