CSS - Dotazy

Pokec o čemkoliv ostatním
Message
Autor
kamikatze
Příspěvky: 176
Registrován: 24 zář 2014, 16:33
Reputation: 0

CSS - Dotazy

#1 Příspěvekod kamikatze » 17 úno 2015, 22:18

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

Uživatelský avatar
Mysteria
Příspěvky: 9122
Registrován: 26 pro 2009, 15:40
Reputation: 7
Bydliště: Česká republika
Kontaktovat uživatele:

Re: CSS - Dotazy

#2 Příspěvekod Mysteria » 17 úno 2015, 22:34

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/

kamikatze
Příspěvky: 176
Registrován: 24 zář 2014, 16:33
Reputation: 0

Re: CSS - Dotazy

#3 Příspěvekod kamikatze » 17 úno 2015, 22:49

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 :-)

Uživatelský avatar
Mysteria
Příspěvky: 9122
Registrován: 26 pro 2009, 15:40
Reputation: 7
Bydliště: Česká republika
Kontaktovat uživatele:

Re: CSS - Dotazy

#4 Příspěvekod Mysteria » 17 úno 2015, 23:36

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).

Uživatelský avatar
_fantomas
Příspěvky: 118
Věk: 27
Registrován: 04 bře 2014, 23:05
Reputation: 0
Bydliště: Slovensko

Re: CSS - Dotazy

#5 Příspěvekod _fantomas » 18 úno 2015, 10:26

Spíš

Kód: Vybrat vše

background: url("obrazok.png");

Uživatelský avatar
Hanakocz
Příspěvky: 3228
Věk: 34
Registrován: 25 črc 2013, 20:53
Reputation: 7
Kontaktovat uživatele:

Re: CSS - Dotazy

#6 Příspěvekod Hanakocz » 18 úno 2015, 14:23

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)
Industry 2.0 -> 1.7.10 GregTech6 server. Pro připojení stačí napsat.
Člen ligy pro aktualizaci serverů na novější verze a rozšíření modovaného MC.
Discord FH : http://discord.fakaheda.eu/ (sem psát pokud chcete poradit s MC mody akutně)

kamikatze
Příspěvky: 176
Registrován: 24 zář 2014, 16:33
Reputation: 0

Re: CSS - Dotazy

#7 Příspěvekod kamikatze » 18 úno 2015, 15:48

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..

Uživatelský avatar
Hanakocz
Příspěvky: 3228
Věk: 34
Registrován: 25 črc 2013, 20:53
Reputation: 7
Kontaktovat uživatele:

Re: CSS - Dotazy

#8 Příspěvekod Hanakocz » 18 úno 2015, 16:43

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í.
Industry 2.0 -> 1.7.10 GregTech6 server. Pro připojení stačí napsat.
Člen ligy pro aktualizaci serverů na novější verze a rozšíření modovaného MC.
Discord FH : http://discord.fakaheda.eu/ (sem psát pokud chcete poradit s MC mody akutně)


Zpět na „Off topic“

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti