Elikkäs, tarkoitus olisi saada php include -komennolla mainoslaatikko divin sisään.
Kaikki sujuu siihen asti hyvin kunnse laitan tekstiä index.php:n. Teksti joko työntää mainoslaatikon alaspäin(pitäisi olla yläkulmassa) tai teksti menee taustakuvan päälle.
Sivu: http://jappara.urli.net
Tuossa koodi pätkä:
Jäppärä
Tekstiä
Include komento diviin
2
537
Vastaukset
- Jaska Perusjaska
No ongelma ei varsinaisesti liity mitenkään ainakaan includeen.
Sulla on ainakin koko sivu ihan vituroillaan.
Html, body ja head-tagit tulee moneen kertaan ja väärissä paikoissa. Siellä on myös ylimääräisiä divejä.
Myös tuossa mainos.html -tiedostossa on jostain minulle käsittämättömästä syystä mm. html-lopetustagi?
Itse ongelma todennäköisesti johtuu css:stä, mutta katsotaan sitä sitten kun olet ensin korjannut nuo.
Ps. Minä en edes laittaisi tuota boksia kiinni navigointipalkkiin tai vasempaan reunaan. Paremmalta näyttää, jos on pienet marginaalit..- pinl
Tuonne mainos.html oli jäänyt nuo tagit koska se oli ennen tuolla alhaalla. Sivupohjaa olen matkinut oppaista paikoitellen. Sitten joissain kohdissa css:ää on varmaan turhaa, koska olen vain koittanut keksiä jotain.
PS: Oon paska näissä hommissa :D
css:
body {
margin: 0px; /*Poistaa muutaman pikselin kokoisen oletusreunuksen selainikkunan reunoilta*/
background-image:
url(tausta.png) /*Taustakuva*/
}
div {
padding: 0px; /*Anna tämän olla jos haluat ilmavuutta sivuillesi*/
border: 1px solid #000000; /*Määrittää reunukset jokaiseen elementtiin*/
text-align: center; /*Määrittää tekstin sijoituksesta elementtien sisällä*/
}
.frame {
margin-left: auto; /*Keskittää elementin*/
margin-right: auto; /*Keskittää elementin*/
width: 300px; /*Määrittää elementin leveyden. Säädä tarpeiden mukaisesti.*/
height: auto; /*Määrittää elementin korkeuden. Säädä tarpeiden mukaisesti.*/
}
.logo {
margin-left: auto; /*Keskittää elementin*/
margin-right: auto; /*Keskittää elementin*/
width: 900px; /*Määrittää elementin leveyden. Säädä tarpeiden mukaisesti.*/
height: auto; /*Määrittää elementin korkeuden. Säädä tarpeiden mukaisesti.*/
}
.menu {
margin-left: auto; /*Keskittää elementin*/
margin-right: auto; /*Keskittää elementin*/
width: 900px; /*Määrittää elementin leveyden. Säädä tarpeiden mukaisesti.*/
height: auto; /*Määrittää elementin korkeuden. Säädä tarpeiden mukaisesti.*/
background-color: #345768; /*Taustaväri.*/
color: #ffffff; /*Tekstin väri.*/
word-spacing: 20px;
}
.content {
margin-left: auto; /*Keskittää elementin*/
margin-right: auto; /*Keskittää elementin*/
width: 900px; /*Määrittää elementin leveyden. Säädä tarpeiden mukaisesti.*/
height: auto; /*Määrittää elementin korkeuden. Säädä tarpeiden mukaisesti.*/
background-color: #527180;
}
.content2 {
margin-left: auto; /*Keskittää elementin*/
margin-right: auto; /*Keskittää elementin*/
width: 900px; /*Määrittää elementin leveyden. Säädä tarpeiden mukaisesti.*/
height: 600px; /*Määrittää elementin korkeuden. Säädä tarpeiden mukaisesti.*/
background-color:#527180;
color: #ffffff; /*Tekstin väri.*/
}
.footer {
margin: 0 auto; /* jännä juttu */
margin-left: 0px; /*Etäisyys vasemmasta laidasta*/
margin-top: 0px; /* Etäisyys yläreunasta */
height: 50; /*Määrittää elementin korkeuden. Säädä tarpeiden mukaisesti.*/
width: 150; /*Määrittää elementin leveyden. Säädä tarpeiden mukaisesti.*/
Background-color: #345768; /*Taustaväri*/
border-style: dashed; /*reunuksen tyyli*/
border-width: thin;
border-color: #ffffff;
}
.copyrights {
margin-left: auto; /*Keskittää elementin*/
margin-right: auto; /*Keskittää elementin*/
width: 900px; /*Määrittää elementin leveyden. Säädä tarpeiden mukaisesti.*/
height: 25px; /*Määrittää elementin korkeuden. Säädä tarpeiden mukaisesti.*/
Background-color: transparent; /*Taustaväri*/
border-style: none; /* reunuksen tyyli */
}
h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 2em;
}
h2 {
font-family: "Times New Roman", times, serif;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-size: 150%;
margin: 0px;
}
h3 {
margin-top: 0px;
margin-bottom: 0px;
font-family: "Times New Roman", times, serif;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-size: 110%;
}
A:link{color:#ffffff; text-decoration:none}
A:visited{color:#ffffff; text-decoration:none}
A:active{color:#ffffff; text-decoration:none}
A:hover{color:#ffffff; text-decoration:underline}
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Maatalous- ja yritystuet pois, työeläkevaroilla valtion velka pois
Suomi saadaan eheytettyä kädenkäänteessä, kun uskalletaan tehdä rohkeita ratkaisuja. Maatalous- ja yritystuet ovat hait933541Hei! Halusin vain kertoa.
En tiedä luetko näitä, mutta näimme n.4vk sitten, vaihdoimme muutaman sanan ja tunsin edelleen kipinän välillämme. Katso51819Miksi ikävä ei helpotu vuosien jälkeenkään?
Tänään olin ensimmäistä kertaa sinun lähtösi jälkeen tilassa, jossa vuosia sitten nähtiin ensimmäistä kerta. Ollessani71610- 311381
Tiesitkö? Suomessa lääkäri voi toimia ammatissaan, vaikka hän olisi seksuaalirikollinen
Järkyttävää… Motin mukaan Suomessa lääkäri voi toimia ammatissaan, vaikka hän olisi yksityiselämässään syyllistynyt es54948Oot kyl rakas
Et tiiäkkään miten suuri vaikutus sulla on mun jaksamiseen niin töissä, kun vapaallakin❤️. Oot täysin korvaamaton. En t35882Kirjoittaisit edes jotain josta tiedän
Varmasti oletko se oikeasti sinä. Tänään tälläinen olo. 70882Miten voitkin olla aina niin fiksu
...aina niin huomaavainen, kärryillä ja kartalla. Yritän etsimällä etsiä sinusta jotain vikaa, että saisin pidettyä sydä47820Sofia Zida puhuu rehellisesti suhteesta Andy McCoyhin: "Se on ollut mulle tavallaan..."
Sofia ja Andy, aika hellyttävä parivaljakko. Sofia Zida on mukana Petolliset-sarjassa. Hänet nähtiin Yökylässä Maria Ve4787Mistä tietää, onko hän se oikea?
Siitä, kun sitä ei tarvitse miettiä. Siitä, kun hänen olemassa oleminen ja ajatteleminen saa hymyilemään. Siitä, kun ha60784