Autor Zpráva
-Radek-eček-
Profil *
#1 · Zasláno: 24. 5. 2007, 17:05:45
Odpovědět Citovat
Mám problém s patičkou na webu ... neměl by to být problém quirk modu, zkoušel jsem to s "matrjoškou" i s tím moz-sizing-box ...



#zapati {
width: 564px;
height: auto;
float: left;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 3px;
font-size:10pt;
color: #FFFFFF;
background: #03A62E;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #000000;
}
-Radek-eček-
Profil *
#2 · Zasláno: 26. 5. 2007, 19:41:02
Odpovědět Citovat
tyjo to nikdo neví ?
Chamurappi
Profil
#3 · Zasláno: 26. 5. 2007, 19:49:29
Odpovědět Citovat
Reaguji na -Radek-eček-:
A ty bys snad na podkladě toho jednoho vypsaného selektoru a dvou vyfocených obrázků uměl najít řešení?
Vyrobím si prázdnou stránku, dám si tam <div id="zapati">, zkopíruju tam ten tvůj styl a koukám a koukám a koukám... uvidím zelený obdélník s bílým textem, černým okrajem a šířkou 564px. Problém předvedený na obrázcích nevidím. Překvapivě.
Gisen
Profil
#4 · Zasláno: 26. 5. 2007, 21:07:56
Odpovědět Citovat
clear:both
RPG
Profil
#5 · Zasláno: 26. 5. 2007, 21:41:47
Odpovědět Citovat
Gisen
Hádám, že v tomhle problém nebude.
-Radek-eček-
Je možné, že nastavuješ okraje odstavcům a proto to zlobí? Samozřejmě za předpokladu, že je text v patičce je odstavcem (<p></p>).
Je to skutečně střelba naslepo, přilož všechny související styly.
-Radek-eček-
Profil *
#6 · Zasláno: 27. 5. 2007, 10:34:00
Odpovědět Citovat
Dobře prominte přidávám styly ... 

#zapati {

  width: 564px;

  height: auto;

  float: left;

  padding-left: 7px;

  padding-right: 7px;

  padding-top: 3px;

  padding-bottom: 3px;

  font-size:10pt;

  color: #FFFFFF;

  background: #03A62E;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border-bottom: 1px solid #000000;

}



#zapati a {

  text-decoration: none;

  color: #FFFFFF;

}



#zapati a:hover {

  text-decoration: underline;

}



.leva {

	float:left;

	width: 50%;

}

.prava {

	float:right;

	width: 50%;

	text-align:right;

}


<div id="zapati">

            <p class="leva">&copy; Copyright - Pod Dubovou sk&aacute;lou</p>

            <p class="prava">Vytvořili v <a href="#">PeVat.com</a></p>

        </div>
-Radek-eček-
Profil *
#7 · Zasláno: 27. 5. 2007, 10:38:50
Odpovědět Citovat
Chamurappi

Já jsem to nedokázal ani na podkladě celého webu.
-Radek-eček-
Profil *
#8 · Zasláno: 27. 5. 2007, 10:42:57
Odpovědět Citovat
Panebože lockněte to :D to je jasná chyba, nějak mi vypadlo nastavit margin: 0px; u tříd .leva . prava ... Omlouvám se že tu plním už tak plnou diskuzi.
RPG
Profil
#9 · Zasláno: 27. 5. 2007, 13:13:41
Odpovědět Citovat
-Radek-eček-
Nejlepším řešením je nastavovat hned na začátku css * {margin:0;padding:0;border:0;} a později všechny hodnoty nadefinovat sám.
(Nebo možná už zase ne? Někde jsem četl, že to není dobré – kvůli formulářům. Snad mne popřípadě někdo opraví.)
Railbot
Profil
#10 · Zasláno: 27. 5. 2007, 13:24:44
Odpovědět Citovat
(Nebo možná už zase ne? Někde jsem četl, že to není dobré – kvůli formulářům. Snad mne popřípadě někdo opraví.)
Samozřejmě resetovat, minimálně s vypsanými prvky (nadpisy, seznamy...). Takovou dobu se resetovalo a resetuje, formuláře bez problému a najednou, že by to nebylo správně? :) No jo. To je zase takový blábolení.
Školník
Profil
#11 · Zasláno: 27. 5. 2007, 14:05:03
Odpovědět Citovat
RPG Psal o tom DGX, koukni k němu.
RPG
Profil
#12 · Zasláno: 27. 5. 2007, 15:21:08
Odpovědět Citovat
Railbot
Viz. Školník.
Odkaz: http://www.dgx.cz/trine/item/jeste-dokonalejsi-stylovani-formularu#toc -resetovani-css
Railbot
Profil
#13 · Zasláno: 27. 5. 2007, 15:24:59
Odpovědět Citovat
RPG
Já to četl. A říkám tomu dál blábolení. Nikdy jsem s formuláři i při resetování neměl problém a vždycky nějak šlo docílit všecho, co bylo potřeba. Jediná vada na kráse je (chybějící) border u inputů v IE, to je fakt.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0