Stránka 1 z 1

CSS - Dotazy

Napsal: 17 úno 2015, 22:18
od kamikatze
Ahoj,
Chtěl bych se zeptat hned na pár otázek, ohledně CSS.. :
1) Jak napíšu cestu k obrázku -> Mam to na FTPčku složku obrazky a obrázek pozadi.jpg
Kod:

Kód: Vybrat vše

@CHARSET "UTF-8";
body{
   background-image: /obrazky/pozadi.jpg;
}


2)Jak nastavim nastavení formátu stránky, kdyby přišli lidi s jiným rozlišením monitoru, aby to i tak měli dobře, a tak jak to má být.. -> viz. Divoke kmeny, jak maj na stranách volno a uprostřed to menu..
3)Když je v CSS

Kód: Vybrat vše

h1 {
    background-color: #6495ed;
}

p {
    background-color: #e0ffff;
}

div {
    background-color: #b0c4de;
}

Co znamená to h, p ? - h - ?, p - odstavec? (Jak v PHP) ?

Díky

Re: CSS - Dotazy

Napsal: 17 úno 2015, 22:34
od Mysteria
Cesta k tom obrázku se musí dávat do uvozovek nebo apostrofů? IDE ti nenapovídá?
p je tag odstavce, h1 největší nadpis, nejlíp se mrknout na web, co který znamená: http://www.w3schools.com/tags/

Re: CSS - Dotazy

Napsal: 17 úno 2015, 22:49
od kamikatze
Takže když nastavim že:

Kód: Vybrat vše

p {
   font-style: xxxx
}


Tak to bude platit jen pro odstavce a když:

Kód: Vybrat vše

h {
   font-style: yyyy
}

Tak to bude platit jen pro nadpisy?

A takže ta cesta k obrázku tedy:

Kód: Vybrat vše

@CHARSET "UTF-8";
body{
   background-image: "/obrazky/pozadi.jpg";
}


EDIT: Používám Eclipse :-)

Re: CSS - Dotazy

Napsal: 17 úno 2015, 23:36
od Mysteria
Nic jako h neexistuje, existují pouze značky h1 - h6, podle důležitosti těch nadpisů, viz ten odkaz, který jsem ti dával, kde je přehled všech HTML tagů (značek).

Re: CSS - Dotazy

Napsal: 18 úno 2015, 10:26
od _fantomas
Spíš

Kód: Vybrat vše

background: url("obrazok.png");

Re: CSS - Dotazy

Napsal: 18 úno 2015, 14:23
od Hanakocz
Ad 2)
Piš rozměry prvků (Divů, obrázků, všeho) ne v px, ale v % -> Součet samozřejmě musí dávat maximálně 100, jinak se ti něco bude překrývat. Pak ať přijde kdokoliv s jakýmkoliv rozlišením, tak se mu to zobrazí stejně, jen jinak zvětšené -> a to si i na mobilu můžeš zazoomovat , takže žádný problém...
S tím souvisí i odsazení např nadpisu od kraje stránky atd, samozřejmě můžeš kombinovat pixely a %, ale odsazení 1% funguje taky...záleží, jak ti to bude vyhovovat (můžeš si spočítat, kolik to 1% je, pro velké monitory i 20px, pro malé jen třeba 10px)

Re: CSS - Dotazy

Napsal: 18 úno 2015, 15:48
od kamikatze
Hanako -> a jak to mam tedy napsat?
fantomas -> Nekde jsem viděl přímo cestu k souboru a ne url souboru.. to bych musel pořad někam uploadovat..

Re: CSS - Dotazy

Napsal: 18 úno 2015, 16:43
od Hanakocz
No však to budeš mít uploadnuté tam na serveru, ne?
pak to je rootserveru/cesta/soubor.jpg

Např. jeden můj div, co akorát píšu:

Kód: Vybrat vše

.search {
  min-height: 700px;
  display: inline-block;
  overflow: auto;
  position: absolute;
  margin-left: 1%;
  margin-top: 30px;
  left: 23%;
  width: 15%;
}

minimální výška je asi jasná, display je, jak se to zařadí na stránku...overflow jsou případné posuvníky...
marginy : to je , jakou to bude mít mezeru mezi sebou a dalším objektem v tom směru, tady mám 30 pixelů zezhora a 1% zleva
left znamená, že levý začátek Divu je v 23% obrazovky zleva
a width znamená, že to je 15% obrazovky široké, takže na obrazovce to zabírá prostor 22 až 38% (nesmíš zapomenout na tu 1% mezeru)

Pro svislé směry jsou pixely vhodnější, protože scrollovací obrazovka dolů nevadí, ale do strany vadí.