HTML a CSS Dizajn

LukineskoSK

Chcem sa opýtať ako to chodí v praxi učím sa html a css:

1.Ten badge Freeze Delight sa vytvára v HTML a CSS alebo je súčasťou obrázku.

2. Ten zrmzlinový pohár čo je pri text z prava je súčasťou obrázku alebo tiež robený v HTML a CSS.

Pýtam sa preto hlavne pri tom badgy tam keď sa zmenšuje stránka a dám left aj top v % tak sa drží pozície ale ako sa výška automaticky zmenšuje tak už potom je mimo obrázka.

Pri tom poháry to som ešte neskúšal či by sa to držalo rovnako pritom texte ale možno aj áno. Ale zaujímalo by ma ako to chodí v praxi.

Príspevok od používateľa **Grim** » 31 mar 2017, 7:18

1. Lepšie ako súčasť obrázku

2. Samostatný obrázok

Z akeho dovodu si si zalozil novy ucet? lukineskonr-u59094.html
ban.

LukineskoNR

Ospravedlňujem sa už som si to s Adminom vyriešil.
Pokračoval som v riešení stránky zatiaľ tu je môj postup. Ako vyriešiť tu medzeru pod obrázkom ked dám coveru Font-size:0 medzera zmizne ale zmizne aj badge.
A ešte ta zmzlina sa dá ako urobiť aby keď zmenšujem stránku by odtláčala text ktorý by sa skladal a neprekrívala ho.
http://codepen.io/anon/pen/zZeLza?editors=1100#0

awtt · Príspevok od používateľa **awtt** » 03 apr 2017, 2:35

http://codepen.io/anon/pen/LWqgPW?editors=1100#0

Kód: Vybrať všetko

body {
  padding: 0;
  margin: 0;
}

.cover img {
  display: block;
}

LukineskoNR

1.sa mi zda že horný header je biely a pritom ma background ktory ale naskoci ked klesnem pod 700px
2. preco v post-footeri ked dma width 25% li sa mi nezmestia do jedneho riadku ?
http://codepen.io/anon/pen/BWMggW?editors=1100#0

*****HERO*****

2. kvoli medzeram (white space) medzi <li> elementami v HTML kode. nastav tomu <ul> v CSS pravidlo white-space:nowrap;

LukineskoNR

Vyriešil som to nakoniec floatom. Tu je finálna verzia je to dobre či dalo by sa niečo urobiť lepšie?

HTML a CSS Dizajn

HTML a CSS Dizajn

Re: HTML a CSS Dizajn

Re: HTML a CSS Dizajn

Re: HTML a CSS Dizajn

Re: HTML a CSS Dizajn

Re: HTML a CSS Dizajn

Re: HTML a CSS Dizajn

Re: HTML a CSS Dizajn