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ä.