Autor Zpráva
Michales
Profil
#1 · Zasláno: 21. 9. 2014, 20:13:10
Odpovědět Citovat
Zdravím,

chtěl bych se zeptat proč zde http://taxi-gregor.cz/ když jsem přidal text "Na webu se pracuje" se mi posunulo menu níže.

Děkuji za radu
Michales
Profil
#2 · Zasláno: 22. 9. 2014, 10:03:16
Odpovědět Citovat
Přidávám style.css 

/* Definice fontu */
@font-face {
  font-family: Adobe Garamond Pro;
  src: url("fonts/Adobe Garamond Pro.ttf");
}

.kontejner
{
  background: url("img/background.png") no-repeat;
  width: 1200px;
  height: 1400px;
  margin: 0 auto 0;
  margin-top: -8px;
  position: relative;
}

body 
{
  background-color: #b4caec;
}

/* Header */
.headerImage 
{
  background: url("img/header.png") no-repeat;
  width:  330px;
  height: 121px;
  float:left;
  margin-left: 130px;
  margin-top: 35px;
  position: relative;
  z-index: 2;
}

.headerImage h1 
{
  font-family: Adobe Garamond Pro;
  font-size: 24px;
  float:left;
  margin-left: 103px;
  margin-top: 20px;
}

.headerImage h2 
{
  font-family: Adobe Garamond Pro;
  font-size: 42px;
  float:left;
  margin-left: 90px;
  margin-top: -20px;
  text-decoration: underline;
}

.zakaznikCislo
{
  background: url("img/zakaznik.png");
  width: 162px;
  height: 38px;
  float:left;
  margin-left: -245px;
  margin-top: 13px;
  position: relative;
  z-index: 1;
}

.zakaznikCislo p
{
  font-family: Verdana;
  font-size: 13px;
  color: white;
  color: #fff;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  margin-left: 22px;
  margin-top: 9px
}

::-webkit-input-placeholder {
   color: #000000;
   font-weight: bold;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 5px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000000;
   font-weight: bold;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 5px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000000;
   font-weight: bold;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 5px;
}

:-ms-input-placeholder {  
   color: #000000;
   font-weight: bold;
   font-family: Verdana;
   font-size: 13px;
   margin-left: 5px;
}

.search
{
  float: left;
}

.search input[type=text] 
{
  margin-left: -330px;
  margin-top: 150px;
  border: 1px solid black;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 210px;
  height: 27px;
}

.search input[type=submit] 
{
  background: url("img/search.png");
  width: 55px;
  height: 36px;
  border: 0;
}

.login
{
  float: left;
}

.login input[type=email] 
{
  margin-left: -330px;
  margin-top: 187px;
  border: 1px solid black;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 210px;
  height: 27px;
}

.login input[type=submit] 
{
  background: url("img/prihlasit.png");
  width: 103px;
  height: 38px;
  border: 0;
}

.register
{
  float: left;
}


.register input[type=submit] 
{
  background: url("img/registrace.png");
  width: 102px;
  height: 36px;
  border: 0;
  margin-top: 186px;
  margin-left: -5px;
}

.fb
{
  background: url("img/fb.png");
  width: 29px;
  height: 30px;
  float: right;
  margin-top: 190px;
  margin-right: 15px;
}

.twitter
{
  width: 31px;
  height: 30px;
  float: right;
  margin-top: 190px;
  margin-right: 95px;
}

/* KONEC headeru */

/* Taxi dělič pod headerem */
.taxi-delic 
{
  background: url("img/taxi-delic.png");
  width:  760px;
  height: 44px;
  margin: 0 auto 0;
  float: right;
  margin-top: 15px;
  margin-right: 90px;
}

/* KONEC taxi dělič pod headerem */

/* Obsah */
 .obsah 
{
  width:  760px;
  height: 44px;
  margin: 0 auto 0;
  float: right;
  margin-top: 55px;
  margin-right: 50px;

}
 /* KONEC obsahu */
 
/* Menu */

nav th
{
  font-family: Verdana;
  font-size: 13px;
  text-decoration: underline;
  float: left;
  color: #171717;
  margin-left: 150px;
  margin-top: 3px;
}

nav table
{
  float: left;
  margin-left: -3px;
}

nav td 
{
  font-family: Adobe Garamond Pro;
  font-size: 13px;
  font-style: italic;
  color: #000000;
  float:left;
  margin-left: 170px;
  margin-top: 3px;
}


nav a
{
  font-family: Adobe Garamond Pro;
  font-size: 13px;
  font-style: italic;
  color: #000000;
  text-decoration: none;
}

nav a:visited
{
  font-family: Adobe Garamond Pro;
  font-size: 13px;
  font-style: italic;
  color: #000000;
  text-decoration: none;
}

/* KONEC menu */

/* Taxi meter */
.taxi-meter 
{
  background: url("img/taxi-meter.png");
  width: 169px;
  height: 83px;
  float: left;
  margin-top: 425px;
  margin-left: -95px;
}

.taxi-meter button
{
  margin-top: 85px;
  border: 1px solid black;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 169px;
  height: 27px;
  text-align: center;
  font-family: Verdana;
  font-size: 13px;
  background: #FFFFFF;
}

.buttonSpec
{
  margin-top: -82px;
}

.spocitat
{
  float: left;
  margin-top: -84px;
}

.spocitat button
{
  background: url("img/spocitat.png");
  width: 169px;
  height: 30px;
  border: 0;
}

.vysledek 
{
  background: url("img/vysledek.png");
  width: 170px;
  height: 31px;
  float: left;
}

.doba-jizdy 
{
  background: url("img/doba-jizdy.png");
  width: 170px;
  height: 30px;
  float: left;
}

.taxi-czech
{
  background: url("img/taxi-czech.png");
  width: 98px;
  height: 102px;
  float: left;
  margin-left: 38px;
}

/* KONEC Taxi meter */

/* Footer */
footer 
{
  width: 996px;
  height: 50px;
  background: #acacac;
  margin: 0 atuo 0;
  float: left;
  margin-top: 970px;
  margin-left: -195px;
}

footer p
{
  text-align: center;
  font-family: Verdana;
  font-size: 13px;
  margin-top: 25px;
}
jefitto44
Profil
#3 · Zasláno: 22. 9. 2014, 10:47:23
Odpovědět Citovat
Pretože to máš celé zle urobené a divy ti tam veselo cez seba presahujú... Asi si to mal pôvodne zrobené tak, že ti menu začínmalo od hora a teda si ho musel odmarginovať zhora o niekoľkosto pixelov, aby sa ti zobrazovalo tam, kde chceš. Keď si tam teraz pridal ten nápis, tak už ti to marginuje od toho nápisu, pretože ti nápis rpesahuje do ľavého stlpca a teda tých niekoľkosto pixelov je odmarginovaných od dna nadpisu... je to celé zle... nikdy to neurobíš takýmto spôsobom tak, ako chceš... Odporúčam naštudovať si CSS poriadne, prípadne stiahnúť už hotovú šablónu a prerobiť ju podľa seba
Michales
Profil
#4 · Zasláno: 22. 9. 2014, 10:59:12
Odpovědět Citovat
Ach jo, a to jsem za to zaplatil.
jefitto44
Profil
#5 · Zasláno: 22. 9. 2014, 13:51:32 · Upravil/a: Moderátor (editace znemožněna) 22. 9. 2014, 15:09:21
Odpovědět Citovat
Nič v zlom, ale stránka, ktorá vyzerá ako zpred 20tich rokov a zároveň je zle urobená... tak za to by som dal tak 5€ maximálne, aj to už preháňam... dizajn otrasné retro a funkčnosť žiadna... je k tomu aspoň nejaký redakčný systém?
Moderátor Chamurappi: Dovolím si podotknout, že nejsme v kategorii Názor na stránku, tazatel chce vyřešit svůj problém, ne zkritizovat web.
Tomáš123
Profil
#6 · Zasláno: 22. 9. 2014, 15:36:24
Odpovědět Citovat
Michales:
Čiastočným riešením je vymeniť poradie hlavných prvkov stránky z:
• div.taxi-delic
• div.obsah
• nav
• div.taxi-meter

na:
• div.taxi-delic
• nav
• div.taxi-meter
• div.obsah

"Čiastočným" preto, lebo toto by síce malo vyriešiť posun navigácie, no špinavosť kódu nenapraví... Ak sa takýchto problémov bude objavovať stále viac, asi bude lepšie dať niekomu stránku prerobiť.
jefitto44
Profil
#7 · Zasláno: 22. 9. 2014, 19:08:00
Odpovědět Citovat
jefitto44:
„Moderátor Chamurappi: Dovolím si podotknout, že nejsme v kategorii Názor na stránku, tazatel chce vyřešit svůj problém, ne zkritizovat web.“

Ospravedlňujem sa, no pri tomto výtvore je jedinou pomocou v ftp zložke ctrl+a a delete následne... a potom to dať zrobiť niekomu, kto to ako tak vie...
Tomáš123
Profil
#8 · Zasláno: 22. 9. 2014, 19:46:54
Odpovědět Citovat
jefitto44:
„Ospravedlňujem sa, no pri tomto výtvore je jedinou pomocou v ftp zložke ctrl+a a delete následne...“
Zrejme nie jedinou [#6]...
Michales
Profil
#9 · Zasláno: 22. 9. 2014, 22:41:29
Odpovědět Citovat
Tomáš123:

Děkuji pomohlo.


jefitto44:
Každý nějak začínal.
Nikdy nebude nic dokonalé. Navíc k problému si zde neuvedl nic jen vše hanil a blbě pindal.
Časová prodleva: 10 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0