Elikä mulla olisi sivuilla table, joissa on vierekkäin kaksi osaa niin sanotusti. Siis kaksi laatikkoa yhdessä tablessa vierekkäin. Ja pienempää laatikkoa pitäisi päivittää ja muokkailla aika monesti, mutta tätä isompaa ei. Ja en millään jaksa monelle kymmenelle eri sivulle tehdä tuon muokkauksen tuohon pieneen osioon aina niin mitä nyt tekisin? Miten voisin päivittää pienempää laatikkoa vain yhdellä kerralla joka sivulle? Olen kyllä yrittänyt lukea ohjeista, mutta en ymmärrä niitä tarpeeksi hyvin eikä ne siten toimi, kun kokeilen. Ja nyt olen ruvennut kokeilemaan tuota CSS-juttua, että CSS-tiedostossa on kaikki linkkijutut ja silleen niin ei joka sivulle tarvitse vaihtaa erikseen jos on tarvetta. Mutta jos joku viisas voisi selittää todella hyvin.
Ja onko tämä css-koodi oikein vai onko siinä virheitä, jotka ei toimi sivulla yms. :
HARJOITUS
BODY
{scrollbar-face-color: #9C8972;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: #94826C;
scrollbar-darkshadow-color: #94826C;
scrollbar-shadow-color: black;
scrollbar-arrow-color: black;
scrollbar-track-color: #94826C;}
A:link{color:#453F32;cursor:crosshair;text-decoration:none}
A:visited{color:#453F32;cursor:crosshair;text-decoration:none}
A:active{color:#453F32;cursor:crosshair;text-decoration:none}
A:hover{color:white;cursor:crosshair;text-decoration:none;
border-left:1px #000000 dotted; border-right:1px #000000 dotted;
border-top:1px #000000 dotted; border-bottom:1px #000000 dotted;}
body {font-family:verdana;color:#000000;font-size:10px;}
______________
Miksi tuo title ei toimi sivuillani kun sen laittaa CSS-osioon, jotta sitä voisi vaihtaa helpommin?
Ja onko tämä css-koodi oikein vai onko siinä virheitä, jotka ei toimi sivulla yms. :
HARJOITUS
BODY
{scrollbar-face-color: #9C8972;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: #94826C;
scrollbar-darkshadow-color: #94826C;
scrollbar-shadow-color: black;
scrollbar-arrow-color: black;
scrollbar-track-color: #94826C;}
A:link{color:#453F32;cursor:crosshair;text-decoration:none}
A:visited{color:#453F32;cursor:crosshair;text-decoration:none}
A:active{color:#453F32;cursor:crosshair;text-decoration:none}
A:hover{color:white;cursor:crosshair;text-decoration:none;
border-left:1px #000000 dotted; border-right:1px #000000 dotted;
border-top:1px #000000 dotted; border-bottom:1px #000000 dotted;}
body {font-family:verdana;color:#000000;font-size:10px;}
______________
Miksi tuo title ei toimi sivuillani kun sen laittaa CSS-osioon, jotta sitä voisi vaihtaa helpommin?
Vastaukset 3
Vanhimmat
Jos olet tekemässä ulkoista css-tiedostoa niin siihen ei tule ainoatakaan html-tagia.
Jos taas olet laittamassa css-osiota html-sivulle, niin se kuuluu laittaa head-osaan style -elementtiin:
HARJOITUS
Css:llä ei puututa sivun sisältöön, ainoastaan ulkoasuun.
Kaiken lisäksi kysymyksesi sopisi paremmin tuonne kotisivujen teko -osaan:
http://keskustelu.suomi24.fi/show.fcgi?category=108&conference=654&subcat=766
Niin ulkoista tiedostoa olen tekemässä.
---------- index.html ---------
HARJOITUS
---------- tyyli.css ---------
body {
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
}
a:link{
color : #453F32;
cursor : crosshair;
text-decoration : none;
}
a:visited{
color : #453F32;
cursor : crosshair;
text-decoration : none;
}
a:hover{
border-bottom : 1px #000000 dotted;
border-left : 1px #000000 dotted;
border-right : 1px #000000 dotted;
border-top : 1px #000000 dotted;
color : #FFFFFF;
cursor : crosshair;
text-decoration : none;
}
a:active{
color : #453F32;
cursor : crosshair;
text-decoration : none;
}
-------------------------------
Jätin pois ne scrollbar -jutut kun ne ei kuulu css:ään vaan ovat Microsoftin omia lisäyksiä (eipä niistä varsinaisesti haittaakaan ole, ne vaan ei välttämättä toimi joka selaimella).
-------------------------------
Niin mitä sä kysyitkään?
Niin joo, luulen että sun kannattais etsii sivuilles sellainen palvelin jossa toimii palvelinpuolen hommelit. Silloin saat helposti haluamasi toiminnon (esmes. php:llä).