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
547
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
Lääppijä Lindtman jäi kiinni itse teosta
Lindtman kyselemättä ja epäasiallisesti koskettelee viestintäpäällikköä. https://www.is.fi/politiikka/art-20000117808521713921Huomaatteko Demari Tytti ei esitä pahoitteluitaan
Samanlainen ilmeisesti kuin Marin eli Uhriutuu no he ovat Demareita ja muiden yläpuolella siis omasta mielestään813119Turvaan tulleet lähettävät omia lapsiaan vaaraan - hullua
MOT-ohjelman jakso ”Loma vaihtui kahleisiin” kertoi, kuinka Suomessa ja muualla Euroopassa asuvat somaliperheet lähettäv462153Vedonlyöntiä .
Olen valmis lyömään ison vedon , että homma kaatuu . Jos kerta Sivonen ei lähde mukaan , niin ei tuoho usko kukaan muuka232123Mikä on pahinta, mitä kaivatullesi
pelkäät tapahtuvan? Jos kuolemaa, vakavia sairauksia yms. ei lasketa?551925TUNNISTELAATIKKO
Tähän ketjuun voi laittaa yhdellä tai kahdella lauseella (tai vaikka yhdellä sanalla) täydellisen tunnisteen, jonka vain851341Tykkäätkö enemmän tavis- vai julkkiskisaajista tv:ssä?
Tykkäätkö enemmän tavis- vai julkkiskisaajista tv:ssä? Moni reality ja visailuohjelma luottaa julkkiksiin, mutta sentään251278- 401270
Zoo jatkaa - jatkuuko mustamaalaus?
Tänään on päätetty Zoon avaamisesta uudelleen. Mielenkiintoista nähdä kautokurujen reaktio, nyt kun kyse ei ole kunnalli581058Valehdella saa, totuus salataan
Vaikuttaa vähän siltä, että sensuuria toteutetaan juorupalstallakin. Asioita saa kaunistella ja vääristellä, mutta totuu10768