Jump to content
ReinissB

HTML Lapele

Recommended Posts

Sveiki! Aiz garlaicības, nolēmu atsvaidzināt savas minimālās HTML/CSS zināšanas un izveidoju lapu. Doma ir arī kodēt uz priekšu visas sadaļas.

Šeit live - https://reinissb.000webhostapp.com/

Šeit kods  - https://failiem.lv/u/37uvtadj

Zinu, ka kods varētu būt šķībs, neefektīvs utt, tāpēc šoreiz pieņemšu kritiku tieši koda, nevis dizaina ziņā, jo pie dizaina īsti nepiedomāju un vēlos uzlabot zināšanas tieši HTML/CSS ziņā.

Ko uzreiz jau gribētu pajautāt:

  • Kā lai navigācijā izdara tā, lai, uzliekot peli (hoverotu) uz linka, arī ikona paliek violeta, kā links? Mēģināju visādi, bet kaut kā nesanāca.
  • Pamēģiniet uzspiest un turēt pelīti uz abām lielajām pogām. Viņas paliek zilas un ar dīvainu zilu borderi. Tāds pats borderis bija arī, kad uzhoveroja, bet to es noņēmu.

P.S Ja vēlaties, lapu varat lādēt un izmantot jebkādām savām vajadzībām.

Share this post


Link to post
Share on other sites
9 minutes ago, ReinissB said:

Kā lai navigācijā izdara tā, lai, uzliekot peli (hoverotu) uz linka, arī ikona paliek violeta, kā links? Mēģināju visādi, bet kaut kā nesanāca.

.ikona {
  color: #0000ff;
}

 

  • Upvote 1

Share this post


Link to post
Share on other sites
3 minutes ago, ʰᵉˡˡᵃᒪᑌ᙭ said:

.ikona {
  color: #0000ff;
}

 

Nestrādā. Varbūt kaut kā nepareizi viņas html kodā esmu ielicis. Nezinu.

Share this post


Link to post
Share on other sites
1 minute ago, ReinissB said:

Nestrādā. Varbūt kaut kā nepareizi viņas html kodā esmu ielicis. Nezinu.

Atsūti kodu, kādu tu ievieto iekšā lapā.

Share this post


Link to post
Share on other sites
Just now, ʰᵉˡˡᵃᒪᑌ᙭ said:

Atsūti kodu, kādu tu ievieto iekšā lapā.

Failu jau esmu pievienojis.

Share this post


Link to post
Share on other sites

Uzliec vienkarsi a hover violetu ikonu css koda. Tas ta praktiskaja varianta 😀

  • Thanks 1
  • Upvote 1

Share this post


Link to post
Share on other sites
1 hour ago, Korijs said:

Uzliec vienkarsi a hover violetu ikonu css koda. Tas ta praktiskaja varianta 😀

Vēlāk izmēģināšu.

 

P.S Esmu sācis kodēt arī About Us lapu, kuru var arī jau apskatīt. Lapā var ieiet caur main lapas navigāciju.

Share this post


Link to post
Share on other sites
13 minutes ago, am.pomelo.pm said:

Uztaisi arī viņu responsive.

Doma bija pabeigt visas sadaļas un tad censties ar responsive kaut ko iesākt.

Share this post


Link to post
Share on other sites
Guest am.pomelo.pm
2 hours ago, ReinissB said:

Doma bija pabeigt visas sadaļas un tad censties ar responsive kaut ko iesākt.

Vieglāk ir uzreiz to darīt.

Share this post


Link to post
Share on other sites

1) Neviens jau sen vairs neizmanto float, tagad ar flexbox tas viss ir daudz vienkāršāk

2) Ikonu liec iekšā `<a>` tagā, nevis pat ārpus `<li>`

3) Uz hover krāsa nemainās, jo ikonas krāsu esi uzlicis kā `style` atribūtu, nevis iekš CSS un `style` atribūts > CSS, ja vien iekš CSS nav `!important`

  • Thanks 1

Share this post


Link to post
Share on other sites
2 hours ago, kapteinis said:

un vispār This site can’t be reached

Iespraud interneta vadu, tad ies

  • Like 2
  • Haha 1
  • Upvote 1
  • Downvote 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.