Css-pomoc

Programovacie jazyky, rady, poradňa...
LukineskoNR
Expert
Expert
Príspevky: 190
Registrovaný: 05 sep 2014, 22:57

Css-pomoc

Príspevok od používateľa LukineskoNR »

Zdravím učím sa robiť stránky a snažím sa urobiť jednu stránku prikladám obrázok a zároveň aj kód ako som pokročil a mám pár otázok:
1.Ako by ste dali obrázok vy prečo keď ho vložím do section tak sa na neho neaplikuje 60%?
2.Prečo keď dám margin-left tak sa text neodtlačí z pravej strany.
3.Keď aplikujem margin-top: na .post-head tak sa neodtláča od vrchu.
4.Tu ľavú stranu by ste inač zapísali ?
blog-1.png

Kód: Vybrať všetko

https://codepen.io/anon/pen/YweNOg
94jakub
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2037
Registrovaný: 15 dec 2006, 13:18
Bydlisko: Martin/BA
Kontaktovať používateľa:

Re: Css-pomoc

Príspevok od používateľa 94jakub »

1. Akých 60% sa má naň aplikovať? Ak má mať šírku ako section, tak mu nastav 100%.
2. Pretože margin-left, ako názov napovedá, "odtláča" z ľavej strany.
3. Odtláča. Asi si ho dal moc malý a prekryl sa s marginom nadpisu, ktorý je nad ním.
4. Neviem, čo konkrétne máš na mysli. Moc som nepochopil, už je neskoro.
LukineskoNR
Expert
Expert
Príspevky: 190
Registrovaný: 05 sep 2014, 22:57

Re: Css-pomoc

Príspevok od používateľa LukineskoNR »

Ďakujem za odpoveď.
Ten bod druhy som myslel margin-right že vôbec neodtláča a ešte jedna vec prečo mi nechce dať .post-head font-size nech dám akékoľvek nezmení sa.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Css-pomoc

Príspevok od používateľa weroro »

LukineskoNR napísal:prečo mi nechce dať .post-head font-size nech dám akékoľvek nezmení sa.
Lebo ti chýba ukončovacia zátvorka.
LukineskoNR
Expert
Expert
Príspevky: 190
Registrovaný: 05 sep 2014, 22:57

Re: Css-pomoc

Príspevok od používateľa LukineskoNR »

weroro napísal: Lebo ti chýba ukončovacia zátvorka.
Aj ked ju dam sa nezmeni v chorme v developer tools to mam zaskrtnute

//autoeditácia príspevku (23 Jan 2016, 16:39)
Uz som zistil lebo mam definovane .right-sidebar p tak tam mam font size a to je asi viac nez ked dam tomu class post-head

//autoeditácia príspevku (23 Jan 2016, 16:47)
Ďakujem tu časť v pravo mozem dat celu do aside a id='wraper' a potom floatovat ? A ak floatovat tak ako ? Aj to v lavo aj to v pravo float lefta dat im sirku aby sa zmestili vedla seba ? alebo jeden float left a druhy float right a dat im sirku aby sa zmestili ?
mjz
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 134
Registrovaný: 25 nov 2007, 14:20
Bydlisko: Bardejov

Re: Css-pomoc

Príspevok od používateľa mjz »

Ďakujem tu časť v pravo mozem dat celu do aside a id='wraper' a potom floatovat ? A ak floatovat tak ako ? Aj to v lavo aj to v pravo float lefta dat im sirku aby sa zmestili vedla seba ? alebo jeden float left a druhy float right a dat im sirku aby sa zmestili ?
Takto https://jsfiddle.net/s156ou1r/
LukineskoNR
Expert
Expert
Príspevky: 190
Registrovaný: 05 sep 2014, 22:57

Re: Css-pomoc

Príspevok od používateľa LukineskoNR »

Tak tu je môj výsledok je niečo čo by ste zmenili ? Ďakujem za rady.

Kód: Vybrať všetko

http://codepen.io/anon/pen/mVXpEJ
mjz
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 134
Registrovaný: 25 nov 2007, 14:20
Bydlisko: Bardejov

Re: Css-pomoc

Príspevok od používateľa mjz »

Pokial si odstranis trochu textu z laveho sidebaru tak sa ti to rozbije. Konkretne .right-sidebar-two sa ti posunie pod lavy sidebar.

Daj si celu pravu stranu do jedneho DIV a to zafloatuj.
LukineskoNR
Expert
Expert
Príspevky: 190
Registrovaný: 05 sep 2014, 22:57

Re: Css-pomoc

Príspevok od používateľa LukineskoNR »

Urobil som ďalšiu stránku podla predlohy. Sú veci ktoré by ste mi odporučili robiť inak respektívne čo robím zle.

Kód: Vybrať všetko

http://codepen.io/anon/pen/WrMmwV
blog-2.jpg
mjz
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 134
Registrovaný: 25 nov 2007, 14:20
Bydlisko: Bardejov

Re: Css-pomoc

Príspevok od používateľa mjz »

Neskumal som ten kod ale vizualne som si vsimol ze na pravej strane dole mas odkaz na ten mailing list a dal si tam tu sipku cez after. Dal si to tam cez padding-left: 100px co sa aspon u mna zle zobrazuje.

Riesil by som to takto:

Kód: Vybrať všetko

.right-sidebar footer a{
  text-decoration: none;
  color: black;
  margin-top: 20px;
  display: block;
  position: relative;
}
.right-sidebar footer a:after{
  content: ">";
  position: absolute;
  right: 0;
  top: 0;
}
Napísať odpoveď