Olisiko joku niin ystävällinen ja auttaisi ongelmassa?
Mulla on pieni sivu tehtynä ja haluaisin sen taulukkoon, mikä sijoittuu keskelle sivua niinku monesti taulukot on.
Te enemmän tietävät varmaan ymmärrätte mitä tarkoitan?
Eli olis tyhjää tilaa molemmin puolin taulukkoa jonkin verran.
Se tyhjä tila tai tausta sais olla värillinen, vaikka punainen kuten linkkipainikkeetkin.
Nyt ei vaan järki juokse yhtään, kuinka saisin tämän koko hoidon sijoitettua taulukkoon ja kuinka saan siitä taulukosta sellaisen että se on koko näytöllä näkyvän tilan pituinen.
Autatteko?
Tässä koodi kokonaisuudessaan, missä varmasti virheitä vaikka muille jakaa
nimi
body {
background-image:url(tausta2.jpg)
}
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: black;
background-color: gray }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: silver;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid maroon }
ul.navbar a {
text-decoration: none }
a:link {
color: black }
a:visited {
color: black }
Etusivu
jotakin
jotakin
jotakin
jotakin
Otsikko
tekstiä
Mulla on pieni sivu tehtynä ja haluaisin sen taulukkoon, mikä sijoittuu keskelle sivua niinku monesti taulukot on.
Te enemmän tietävät varmaan ymmärrätte mitä tarkoitan?
Eli olis tyhjää tilaa molemmin puolin taulukkoa jonkin verran.
Se tyhjä tila tai tausta sais olla värillinen, vaikka punainen kuten linkkipainikkeetkin.
Nyt ei vaan järki juokse yhtään, kuinka saisin tämän koko hoidon sijoitettua taulukkoon ja kuinka saan siitä taulukosta sellaisen että se on koko näytöllä näkyvän tilan pituinen.
Autatteko?
Tässä koodi kokonaisuudessaan, missä varmasti virheitä vaikka muille jakaa
nimi
body {
background-image:url(tausta2.jpg)
}
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: black;
background-color: gray }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: silver;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid maroon }
ul.navbar a {
text-decoration: none }
a:link {
color: black }
a:visited {
color: black }
Etusivu
jotakin
jotakin
jotakin
jotakin
Otsikko
tekstiä
Vastaukset 14
Vanhimmat
nimi
body {
background-image:url(tausta2.jpg)
}
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: black;
background-color: gray }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: silver;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid maroon }
ul.navbar a {
text-decoration: none }
a:link {
color: black }
a:visited {
color: black }
.style2 {color: #0000FF}
Etusivu
jotakin
jotakin
jotakin
jotakin
Otsikko
tekstiä,tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekkstiä jne tänne voi kirjoittaa mitä asiaa tahansa, tyylilliä voi muokata esim pohjaa , leveyttä,,korkeus kun on auto niin kasvaa tekstin mukana helpoimmalla tietenkin pääsee jos luo oman css tyylitiedoston,,s illoin siellä on kaikki tarvittavat tiedot värit, fontit, jne tekstiä,tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tekstiä, tässä divissä on leveys on 460px (width:460px)voit muuttaa suoraan koodiin, myös taustavärin jne (otsikko myös omassa divissä) ja navigointipalkin voi myös laittaa omaan diviin..siis helpointa tehdä oma css tiedosto jossa on kaikki..onnistuu kyllä näinkin;)
tarkoitin hieman toisin.
Tämä taulukon tekeminen ei nyt aukee mulle yhtään, en kertakaikkiaan käsitä, olenkin tumpelo.
Tarkoitin että koko tuo sivu linkkeineen päivineen olisi samassa taulukossa.
Esimerkkinä vaikka tämä sivu
http://www.subnet-calculator.com/subnet.php?net_class=A
Eli keskellä olisi taulukko, missä on kaikki mitä sivulta löytyy kuten tuossa ja taulukon ulkopuolella oleva tausta olisi saman punainen kuin linkkipainikkeesa on.
Kuten tuossa esimerkissä on tummansininen tausta taulukon ulkopuolella.
Anteeksi jos tästä ei kukaan ymmärrä mitään, yritän parhaani mukaan selittää, mutta kaikki on niin uutta ettei osaa.
laittamalla divejä divien sisään, silleen ainakin onnistuu....
Vaikka en suosittelekaan taulukkotaittoa enkä etenkään html4 LOOSEa, niin tässä on riisuttu esimerkki:
nimi
body {
background-image: ;
text-align: center;
background: Red;
}
#kehys {
text-align: left;
width: 80%;
background: Gray;
}
#navi{
width: 100px;
}
#content {
background: Silver;
}
Etusivu
jotakin
jotakin
jotakin
jotakin
Otsikko
tekstiä
Ymmärrät varmaan mitä nuo col-elementit ovat..
Sama olisi laittaa:
Etusivu
jotakin
jotakin
jotakin
jotakin
Otsikko
tekstiä
Itse tykkään enemmän colleista mutta tässä tapauksessa sillä ei oo mitään merkitystä.
Sain taulukon ja sisällön aseteltua kuten halusin, mutta nyt en saa linkkipainikkeita enää pelaamaan, tiedä itkeäkö vai nauraako..
Eli jatkan väkertämistä linkkien kanssa.
Mutta kovasti kiitoksia teille molemmille, en olisi edistynyt mihinkään ilman apuanne.
..niissä linkkipainikkeissa sitten on?
koita kestää, selitys on varmasti ala-arvoinen...
Linkkien painikkeet ovat olleet harmaita ja oikeassa reunassa punaista. Nyt vaikka kuinka tungen koodia sekaan ja vaikka mihin, ei koko painiketta tule näkyviin. Pelkkä neliö siis sellainen musta salmiakki-luettelomerkki tulee alleviivatun linkin eteen.
Tuota sun antamaa koodia oon käyttänyt pohjana nyt.
Kohta on koko koodi niin sekaisin, että pitää tehdä uuden.
En minä näistä mitään ymmärrä, mutta yritän opetella ja revin varmasti pian sekä omat että teidän auttajien pelihousut.
Ookko sää jotain kuvahässäkkää niihin linkkeihin tekemässä vai ilman. Sen palluran saa ainakin helposti pois siitä listasta:
#navi ul {
list-style-type: none;
}
En jaksa miettii miks, mutta näyttää toimivan tuolleen vain tuossa jälkimmäisessä tavassa jonka esitin (siis ilman colleja),
Ei ne varsinaisesti mitään painikkeita ole, kuvia ainakaan... Pitäsköhän luovuttaa...
Tällä koodinpätkällä oon saanut linkkitekstit ikäänkuin pieniin laatikoihin tai painikkeisiin
Itse linkkitekstin tausta on harmaa ja oikeassa laidassa on pätkä viininpunaista.
Jostakin tuon kekkasin, ei hajuakan enää mistä..
ul.navbar li {
background: silver;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid maroon }
ul.navbar a {
text-decoration: none }
a:link {
color: black }
a:visited {
color: black }
Siis silloin toimi kun ei vielä ollut taulukoista tietoakaan.
Nyt ei toimi. Ilman taulukkoakaan ei pelitä jos vaihtaa tuon solid maroon johonkin muuhun.
Hulluksi tulee
..tai siis laitetaan tuo koodisi siihen minun esimerkkiini, niin sitä pitää hieman muuttaa:
#navi li {
background: silver;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid maroon
}
#navi a { text-decoration: none }
a:link { color: black }
a:visited { color: black }
Nyt toimii?
Sama selitettynä:
#navi li { /* koskee taulukon naviksi identifioidun solun sisällä olevaa li-elementtiä */
background: silver; /* li-elementin taustan väriksi silver */
margin: 0.5em 0; /* li-elementin marginaaleiksi asetetaan ylös 0.5em ja oikealle 0 */
padding: 0.3em; /* li-elementin täytteeksi 0.3em tyhjää */
border-right: 1em solid maroon /* li-elementin oikeaan reunaan tehdään 1em paksuinen tummanpunainen reunaviiva */
}
#navi a { text-decoration: none } /* navi-nimisessä elementissä linkkejä ei alleviivata */
a:link { color: black }
a:visited { color: black }
Nyt meni enää otsikko päin persettä ja "painikkeet" ovat puoli sivua leveät, mutta muuten alkoi toimimaan.
Yritän selvitä niistä omin voimin, ettei aivan vallan ole Höpön tekemät sivut!
Kiitos tosi paljon ja
Hyvää viikonloppua!
Vieläkö Höpö jaksais auttaa vähän?
Koodi on nyt tällä hetkellä tuollainen kun alla näkyy.
Muuten toimii kaikki kuten pitääkin, mutta otsikko ja linkit alkavat n 5 cm taulukon yläreunasta ja laskevat koko ajan alemmaksi, mitä enemmän tekstiä kirjoittaa kun niiden pitäisi pysyä yläreunassa.
Oon yrittänyt margin määrityksiä joka kohtaan, mutta ei vaikutusta.
Content määrityksissä ei liioin toimi mikään, siksi se onkin tyhjä.
Vieläkö sulta löytyy huumorintajua auttaa vähäsen?
;
kokeilu
body {
background-image: ;
text-align: center;
background: maroon;
position: absolute;
height: 100%;
padding: 0;
margin: 0;
}
#kehys {
text-align: left;
width: 80%;
background-image:url(tausta.jpg);
height: 100%;
margin-left: 10%;
margin-right: 10%;
margin-top: 2%;
margin-bottom: 2%;
}
#navi ul {
list-style-type: none;
padding: 0;
margin: 0;
top: 2em;
left: 1em;
width: 9em
}
#navi li {
background: silver;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid maroon
}
#navi a { text-decoration: none }
a:link { color: black }
a:visited { color: black }
}
h1{font: 20px Arial, Helvetica, sans-serif;}
h1{color: maroon}
p{font: 14px Arial, Helvetica, sans-serif;}
p{color: black
}
#content {
}
Etusivu
jotakin
jotakin
jotakin
jotakin
Otsikko
tekstiä
Taulukoissa selaimet asettavat sisällön yleensä oletuksena pystysuunnassa (eli vertikaalisesti) keskelle. Jos näin ei haluta, pitää määritellä uudestaan:
#kehys td { vertical-align: top;}
Pari virhettäkin löytyi:
a:visited { color: black }
}
(ei voi sulkea kahta kertaa, yksi riittää)
Toinen virhe on tullut tältä palstalta. Dtd;n perään nimittäin ilmestyy ylimääräinen puolipiste ( ; -merkki ) joka pitää muistaa ottaa pois. Se nyt on tän palstan älytön ominaisuus jonka kanssa pitää vain tulla toimeen.
En myöskään suosittele käyttämään vanhentuneita ulkoasuun tarkoitettuja määrityksiä html:ssä.
Tarkoitan tietenkin tässä tapauksessa
Se ei käyttämälläsi dokumenttityypillä ole väärin, mutta suositeltavampaa on käyttää tuossakin css:ää. Eli pois tuo ALIGN -attribuutti tagista ja tilalle css:ään vaikka:
#content img{float: right;}
Kyllä päivällisen tarjoaisin jos tietäisin kuka olet!
Nyt toimii loistavasti, kiitos tosi paljon!