Kujundus !

[KlopsEE 10]

Harjutamise ja õppimise mõttes tegin ühe kujunduse!

 

url: www.jdfx.eu/servr

Teha vaja veel!?

Logo koht !

Parem menü kujundus!

 

Ootan kriitikat ehk Tagasisidet !

Muudetud 11. veebruar, 2013 liikme KlopsEE'i poolt

[paksmatu 0]

Ootad siis Kriitikat või tagasisidet? Kaks erinevat asja. Menüülingid ei sobi kujundusega kokku, ning sisutekstiks lisa lorem ipsum näidistekst. Mingi asi häirib.

[KlopsEE 10]

Selge eks tuleb seda muuta! Ja näidis teksti lisan ka siis Lorem Ipsum!

 

Aitäh!

[AceBass 10]

Navbaril võiks underline eemaldada ning teksti positsioneerida keskele.

[mhiku 0]

Alustame navigatsioonist (e. menüü):

Pane paddingud paika - ülevalt, alt ja vasakult võrdse kaugusega.

Linkidel pane text-decoration: none;.

 

Boxid:

Kõigile jäta võrdne vahe siis, ehk kui navigatsioonist on jäetud 10px vahet, siis jäta kahe boxi vahele ka 10px.

See all suur tühi vahe kaota ära - pane võrdne vahe.

Sama lugu paddinguga, nagu navigatsioonis (ära jäta paremale nii suurt vahe, jäta võrdne).

 

Footer:

Venita sama pikaks nagu sul wrapper on ehk pane width: 100%;.

Font pole ka kõige parem, ehk midagi tumedamat (color: #999;?)

Muudetud 11. veebruar, 2013 liikme mhiku'i poolt

[GRAGAS 10]

pean mainima, et see on kunagine faya kujundus. Õppimise mõttes peaks ikka ise tegema... Hale

[KlopsEE 10]

Kui ma aus olen siis tegin ise kõik ! Ma ei tea kes on faya!?

 

Selge katsun parandada neid!

[mhiku 0]

Lisaks vaatasin lähtekoodi ning leidsin nii mõndagi.

 

Sa lõpetad img tagi , mida ei ole mõtekas teha - .

tagi ära lõpeta "/" sellega - jäta lihtsalt

. Sama lugu head tagis olevate koodidega.

 

Kasuta "&" asemel & ja kindlasti lisa faili algusesse doctype - .

[KlopsEE 10]

Aitäh mhiku !

katsun oma vead ära parandada !

[Külaline PEPZ]

Alustame navigatsioonist (e. menüü):

Pane paddingud paika - ülevalt, alt ja vasakult võrdse kaugusega.

Linkidel pane text-decoration: none;.

 

padding-top

ja

padding-bottom

ei pea kasutama koguaeg... juhul kui sul on ainult tekst linkidena,

siis sa võid kasutada sellist lahendust:

 

#nav {
height:50px; // heighti väärtus on oluline praegu
}
#nav a { // oletame, et sa ei kasuta momendil ul või li lahendust, aga ka nendega on see võimalik
height:50px; // peab sama väärtus olema, kui tahad et see sobiks kõrguselt navigatsiooniga..
line-height:50px; // see ongi see rida mida võib kasutada padding top ja bottom asemel, see peab olema sama väärtusega, mis nav a height.
padding:0 10px; // lisab paremale ja vasakule vahed
}

[mhiku 0]

padding-top

ja

padding-bottom

ei pea kasutama koguaeg... juhul kui sul on ainult tekst linkidena,

siis sa võid kasutada sellist lahendust:

 

#nav {
height:50px; // heighti väärtus on oluline praegu
}
#nav a { // oletame, et sa ei kasuta momendil ul või li lahendust, aga ka nendega on see võimalik
height:50px; // peab sama väärtus olema, kui tahad et see sobiks kõrguselt navigatsiooniga..
line-height:50px; // see ongi see rida mida võib kasutada padding top ja bottom asemel, see peab olema sama väärtusega, mis nav a height.
padding:0 10px; // lisab paremale ja vasakule vahed
}

 

#nav {
float: left;
width: 100%;
height: auto;
padding: 10px 10px;
}

 

Mina ka ei tea kuidas tal tehtud on. Teine võimalus on jah line-height: sinunavkõrgus px. #nav a ei pea olema kõrgust määratud, kui on juba nav-iga seda tehtud.

[ventt 10]

minuarust kui tahtsid w3 validaatorist ka läbi lasta, pidi img tagidel alt="" väärtus ka olema.

[Külaline jkymmel]

Sellised jubedused on millegipärast väga populaarsed. Kujunduse kohta niipalju, et kui õppida on vaja, siis parem vaata õpetusi, sest see ei ole midagi ilusat.