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
558
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
Orpo räyhää: kansan on muututtava
Orpon mukaan kansa ei elä kokoomuksen kanssa samassa todellisuudessa, ja sen vuoksi kansan on muututtava. Kas kun ei san2633281Muovikassikartelli
Kauppaketjut ovat yhdessä sopineet muovikassin yksikköhinnaksi 59 senttiä. Milloin viranomaiset puuttuvat tähän kartell201819Aidon persun tunnistaa Marinin palvonnasta
Oli kyse sitten Halla-ahosta tai Putinista. Ensimmäisenä aidolle persulle tulee mieleen Marin.241485- 811324
- 1371028
- 81974
Hallintooikeus..
"Asemakaavapäätös pysyy voimassa.Poikkeamista ja rakentamista koskevat luvat hylättiin" kertoo Pyhäjärven Sanomat netti.61778Olen rakastunut
varattuun joka ei eroa. Miten tunteista eroon? Tämä ei ole tavanomaista. On elämäni suuri rakkaus.86726Jos se joskus oli molemminpuolista
niin hyvin me molemmat onnistuttiin pitämään toinen epätietoisena.60658Laita nyt se viesti
Tiedän että haluat tavata. Kirjoitat, pyyhit, kirjoitat... Lähetä se viesti 😗50616