Apua ulkoasun kanssa
-
Haluaisin koodata omalle yksityistallille yksinkertaisen ulkoasun, mutta jostain syystÀ monien googlettelujen jÀlkeen ja muiden ulkoasujen koodien tutkimisen jÀlkeen en vain ymmÀrrÀ miksen saa tiettyjÀ juttuja toimimaan. KyseessÀ siis tÀmÀ sivu
Olen pidemmÀn tauon jÀlkeen siis jatkanut tÀtÀ ulkoasuprojektia enkÀ saa edes kunnolla palautettua mieleen kaikkia koodijuttuja, joten tuolla saattaa olla ties mitÀ virheitÀ PÀÀasiassa kuitenkin tuo navigaatiopalkki ja tuo koristekuva tuottavat pÀÀnvaivaa. Haluaisin nuo linkit niin, ettÀ ne on sovitettu tuohon navigaatiopalkkiin eikÀ niin, ettÀ ne on kaikki tuolla vasemmassa reunassa ja oikea reuna on tosi tyhjÀ. Tuo koristekuva ei myöskÀÀn mene mitenkÀÀn jÀrkevÀsti tuonne tekstin viereen. Eli jos löydÀtte jonkun ratkaisun nÀihin olisin erittÀin kiitollinen Minua myös kiinnostaa, onko nuo div koodit helpoimpia vai kannattaako kokeilla jotain aloittelijaystÀvÀllisempÀÀ keinoa, kun sellaiset valmissivustot kuten weebly ei ole vaihtoehto (haluan vihdoin oppia tÀmÀn koodauksen jalon taidon ).
-
@tuutikki
.yla pistĂ€isin text-align: center; â sen pitĂ€isi keskittÀÀ linkit.// JĂ€i kesken Mutta sisĂ€ltöongelma ratkeaa kun laitat .sisalto overflow: auto;
Eli
.yla {
overflow: hidden;
background-color: #363f5c;
border-radius: 15px;
margin-left: 50px;
text-align: center;
}ja
div.sisalto {
width: 1050px;
background: url(tausta.png);
background-repeat:repeat;
margin: 0 auto;
padding: 10px 25px 10px 25px;
text-align: justify;
border-radius: 10px;
overflow: auto;
} -
@pölhö Kiitos! Musta tuntuu ettĂ€ mitĂ€ enemmĂ€n tĂ€tĂ€ teen sitĂ€ vĂ€hemmĂ€n enÀÀ nĂ€istĂ€ koodeista ymmĂ€rrĂ€n Oon yrittĂ€nyt kĂ€yttÀÀ w3schools materiaaleja, mutta en vaan tajua miksi esim tuo alapalkki juttu hyppÀÀ nyt tonne sisĂ€ltöalueen ulkopuolelle ja jos laitan sen sisĂ€ltödivien sisÀÀn niin jostain syystĂ€ tuo kuva asettuu sinne <hr> tagin alle đ€Ż ja nyt navigaatiopalkki ei sitten suostu pysymÀÀn samassa kohdassa ton sisĂ€llön kanssa! Tarviis varmaan kĂ€ydĂ€ joku koulutus ennen ku alkaa tekee nĂ€itĂ€
-
@tuutikki MissÀ alapalkin siis pitÀisi olla?
Navigaatiolle margin: auto niin pysyy keskellÀ.
-
@serena Kiitos taas! đ€© PitÀÀ nĂ€köjÀÀn noihin yksittĂ€isiin juttuihin vielĂ€ perehtyĂ€ tarkemmin ettĂ€ mikĂ€ termi toimi mitenkin Haluaisin ton alajutun tonne kaiken alle ettĂ€ esim sivuilla oleva kuva olisi sen alapalkin pÀÀllĂ€ eikĂ€ tossa vieressĂ€
-
@tuutikki Alapalkille clear: both joka siis kumoaa aiemmin mÀÀritetyn floatin.
Itse kÀytÀn jatkuvasti sivuja rakennellessa apuna selaimen tarkista -työkalua. Chromella siis saa tÀmÀn esiin napauttamalla sivustoa hiiren oikealla ja valikosta "tarkista", Firefoxilla "tarkastele".. muita selaimia en oo tainnu kokeilla. Noista löytyy kohta "source" tai "style editor" jolla voit kokeilla muutoksia .css tiedostoon ja nÀhdÀ mikÀ vaikuttaa miten ja mihin. NÀmÀ muutokset eivÀt oikeaan tiedostoon siis tule vaan ne tÀytyy sitten itse kÀydÀ sinne normaalisti lisÀÀmÀssÀ.