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
545
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
6 kW saunan lämmityksestä kohta 10 euron lisämaksu / kerta
Kokoomuslainen sähköyhtiöiden hallitsema Energiavirasto ehdottaa 5 kW:n rajaa, jonka ylittämisestä tulee lisämaksu. Tark1465465Minja jytkyttää vas.liiton kannatusta ylöspäin
Alkaa raavaat duunarimiehetkin palaamaan vasemmistoliiton kannattajiksi. Eduskunnassahan on vain kaksi työntekijöiden p1363578"Mitä sä nainen tuot sitten pöytään" ?
Jos mies provaidaa ja suojelee... Pitääkö miesten kysyä tuollaisia?1263319Ekologinen kommunismi tulee voittamaan fossiilikapitalismin
Kiina on mahtitekijä uusiutuvien energialähteiden kehityksessä, ja Trump osoitus viimeisestä öljyn perään itkemisestä, m363203Mies, kerro minulle vielä jotakin aivan uniikkia
ja ainutlaatuista minkä vain me kaksi voisimme ymmärtää jos olemme sen kokeneet ja eläneet, jotta ihan varmasti tietäisi432704Oikeistopuolueiden kannatus vain 37,8 %, vasemmiston 43,0 %
Keskustaan jää 17,4 prosenttia ja loput ovat sitten mitä ovat. Mutta selvästikin Suomen kansa on vasemmalle kallellaan.372265- 222218
Hyviäkin uutisia tulossa, hallinto-oikeus asettaa toimeenpanokieltoon
Hyvinvointitalon työmaa pysähtyy. Rillankivi+energia ja vesi kytkyrahanpesu stoppaa. Tytäryhtiöiden hallitusjäsenet+kon2292156prööt prööt nyt ottaa vihervassaria pattiin!
Korvatkaa R kirjaimet L kirjaimilla ja sanokaa ääneen "Jari Kurri etsii pakoputkiautossaan jarruja".111894Gallup: Mikä on ollut mielestäsi paras tv-sarja ikinä?
Gallup: Mikä on ollut mielestäsi paras tv-sarja ikinä? Onko se joku suomalainen viihdepläjäys, brittirikossarja, amerikk921804