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
525
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
Kysymys muille miehille
Onko teille varattu nainen ongelma? Mikään muu naisessa ei töki kun se että hän on varattu. Kamppailen houkutuksen kanss1317182Kaipaisin nyt kosketusta
jota ei koskaan ole ollut. Saisinpa tuntea kätesi niskallani ja silittelemässä päätäni. Sulaisin varmasti siihen.142559Imaami kysyy, miksi pojat uivat ilman valvontaa
Kalajoen särkät ovat usean kilometrin pituiset. Siellä on kylttejä, joissa varoitetaan rannan vaaroista. Siellä ei ole2641230- 1001019
Mansikkatiloilla hyväksikäytetään ukrainalaisia
Työolot ovat surkeita ja palkka kelvoton. https://yle.fi/a/74-20172942161947En ymmärrä käytöstäsi
Se on ollut eräänlaista hyväksikäyttöä. Että seura kyllä kelpaa palstan välityksellä silloin kun ei ole parempaakaan tek137900Kerrostaloihin ilmalämpöpumput
Ulkomailla näkee paljon ilmalämpöpumppuja kerrostalojen ulkoseinissä. Mikä estää taloyhtiötä hankkimasta niitä asuntoih71897Kiitoksia kaikille epäasiallisesta sisällöstä liputtaneille
Se ylimielisyys ja epäasiallisen julkaisun jakaminen ei sitten kantanut.79764Kirkonkylän puliveivarit
Hieman pistää silmään nuo puliukot ja akat kirkonkylän penkeillä ja S-marketin kulmilla. Tarttis varmaan tehdä asialle j13733Persaukinen puolankalainen kävi kerjäämässä paitaa
Ja lippistä. Nauratti suuresti kun katsoin. Kukahan mahtanee olla? Voipi katsoa täältä jutun. https://www.youtube.com18711