mefisto

http://www.webdevout.net/test?09

(plika lapa te http://www.webdevout.net/test?09&raw)

Bet šis ir debīlisms. VBscripti darbojas tikai uz IE, tātad tu ignore vismaz 30% pārlūku.

Nu nu , nepārspīlē tak.

Tad norādi uz tām. ;)

rprc, es tak esmu slinks pēc dabas:

• img, a img, :link img, :visited img {
  border : none;
  }

  
  Nedarbojas, jo tas ir 'shorthand', kurā pirmais parametrs ir border-width.
  lasāmviela
   
  

• * html .clearfix {
  height : 1%;
  }

  holy hack. Haki kā tādi ir kļūdas. Šis ir izveidots, lai labotu Peekaboo.
  Kurš patiesībā ir pavisam cita IE bug'a effekts.
  lasāmviela
   
  

• .clearfix {
  display : inline-block;
  }

  
  Bezjēdzīgs, jo labo to pašu kļūdu, ko holy hack.
   
  

• ol.bulleted, ul.bulleted {
  margin-left : 15px;
  }

  Visticamāk radīs kļūdu uz IE6 : double margin.
   
  

• nekur netiek labots gļuks ka .clearfix atšķirsies augstumā dažādos pārlūkos,
  lai gan klase pati tiek izveidota.
  

Liekas tas ir viss ko uz pirmā acu uzmetiena pamanīju.

P.S. kas attiecas uz parasto *{} resetu, tad,

jā "tiek sačakarēts formu elementu defaultais stils",

bet tas katrā browserī ir atšķirīgs.

sorry, bet

• tavā resetā ir vismaz pāris kļūdas
  
• dažās vietās tas nefunkcionē kā resets, bet gan rada papildus atšķirības.
  

edit: bez tam, kāda jēga ir resetot tagus kurus tu nekad nelieto ?

Letonika

nestrādāt

I. nebūt nodarbinātam

II. darb.v. nedarboties; nefunkcionēt; neiet

Kas nestrādā ? Un vispār, kurš tā formas taisa ?!?!

Lasi un mācies : http://www.sitepoint.com/article/fancy-form-design-css

Vienmēr CSS sākumā ieliec rindiņu

*{ margin: 0; padding: 0;}

Tad nebūs šādu pārsteigumu.

Un nevajag atstāt simbolus pirms doctype, tad rinda body{text-align: center} nebūs vajadzīga.

Pretējā gadījumā IE renderē visu iekš quircks mode.

Tas piemērs ir kods un tutoriālis, nezinu kā vēl vienkāršāk to varētu realizēt.

Kaut kas šitāds ? http://innonesen.se/test/l-14/

kas tas dot? man vajaga piem

float: center; kautkaadu tādu problemu lai būtu centrā!

http://www.htmldog.com/guides/cssbeginner/

Horizontālā centrēšana ir patši pamati.

http://innonesen.se/test/l-1/

Un ko ta tu gribi ?

Failu esi saglabājis kā win-1257 un dirs ka utf-8 nestrādā .. pzdc.

Nez. Man ar kaut kā nepielec.

Kā būtu ar screenshot'u ar apvilktu problēmu.

http://www.mandalatv.net/itp/drivebys/css/...g/box_model.gif

Izprintē un piespraud pie sienas.

Tad tu slikti sekoji instrukcijām. Vai arī gļuks ir tikai uz IE6-standalone.

Ņjā .. problēma nav ar pašu code. Vienkārši tur es biju to gļuku ievērojis.

Uzspiežot preview visu HTML entītiju vietā iekš editora parādās tam atbilstošie simboli (piem, kā gadījumā ar   ). Un parasta & vietā es dabūnu tukšumu.

Kaut kas dībvains.

Un iekš

 liekas nebija iespējams ierakstīt DOCTYPE.

Tu liekas nesaprati to daļu, kurā es rakstīju, ka nenotestēju.

BĻJA ! Vai kāds nevarētu beidzot salabot

 un [html] ?

Nestrādā tāpēc ka <span class="icon"> </span> vietā bija jābūt .<span class="icon">[b]&[/b]nbsp;</span>

Nu kur rodas tev būtu jāprasa iekš IEblog, bet kā to labot , nuuuu ... ir divas (ar pus) idejas :

• iespējams ka tas ir dēļ quircksmode , ja kaut kas mājaslapas kodā atrodas pirms DOCTYPE (kurš tev tur vispār nav), tad IE no standad mode .. emm .. pāriet uz quircks mode. Salabo šo problēmu. Iespējams līdzēs.
  
• nelieto freimus. nekad. =] izvāksi kontentu no freima, iespējams ka darbosies.
  
• smags peekaboo gadījums , maz ticams, bet nu tomēt : http://www.positioniseverything.net/explorer/peekaboo.html
  

P.S. nebūtu bijis vienkāršāk iedot linku uz http://www.bizmark.lv/ ?

[edit] drukas kļūdas

Un kāpēc man liekas ka tav visam tiek pieiet čž puses ?

Ja tev ir

<a hreh="#something">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a>

Vai tad nebūtu daudz vienkāršāk ja darītu šādi ?

<!-- HTML -->
<a hreh="#something">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<span class="icon"> </span></a>

<!-- CSS -->
a span.icon{
  line-height: 16px;
  font-size:  14px;
  padding-left: 16px;
  background: #fff url(bulta.png) no-repeat top left;
}
a:hover span.icon{
  background: #fff url(bulta.png) no-repeat bottom left;
}

Paskaidrojums

• transparent backgrounds var izraisīt bildes mirgošanu uz IE
  
• lai simulētu preload šinī gadījumā ir domāts izmantot 16x32px bildi, kurai on-hover maina pozīciju.
  
• font-size + 2px = line-height (lielākoties)
  
• ja span'am nebūs satura, to nevarēs redzēt.
  

nekas no šitā nav notestēts. zīdu no pirksta

Muahahahahah

IE 6/7 user agent string: Mozilla/4.0 (compatible; MSIE 7.0b; Windows NT 6.0)

FF 2.0 user agent string: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9

No random 'sampļa' sanāk ka 3 no 22 ( 13% ) tavu lietotāju izmantoja firefox.

/2007-11-16 10:17:34 - 2007-11-16 10:43:54/ 	26	159.148.40.150	  Mozilla/4.0
/2007-11-16 10:50:11 - 2007-11-16 11:31:29/ 	17	 159.148.40.17	  Mozilla/4.0
/2007-11-16 14:22:10 - 2007-11-16 14:27:07/ 	27	 159.148.40.170	 Mozilla/4.0
/2007-11-16 14:35:12 - 2007-11-16 14:27:07/ 	1	  159.148.53.209	 Mozilla/4.0
/2007-11-16 11:42:49 - 2007-11-16 11:57:20/ 	20	 159.148.56.32	  Mozilla/4.0
/2007-11-16 09:12:42 - 2007-11-16 09:18:55/ 	29	 159.148.57.134	 Mozilla/5.0
/2007-11-16 13:50:50 - 2007-11-16 13:54:54/ 	7	  159.148.59.65	  Mozilla/4.0
/2007-11-16 14:21:40 - 2007-11-16 14:23:25/ 	4	  159.148.6.151	  Mozilla/4.0
/2007-11-16 15:02:36 - 2007-11-16 15:04:56/ 	4	  159.148.6.42	   Mozilla/4.0
/2007-11-16 11:37:15 - 2007-11-16 15:04:56/ 	1	  159.148.61.158	 Mozilla/4.0
/2007-11-16 12:08:47 - 2007-11-16 12:11:30/ 	8	  159.148.64.100	 Mozilla/4.0
/2007-11-16 10:08:08 - 2007-11-16 11:12:50/ 	5	  159.148.7.193	  Mozilla/4.0
/2007-11-16 12:17:37 - 2007-11-16 12:26:04/ 	12	 159.148.76.43	  Mozilla/4.0
/2007-11-16 12:49:50 - 2007-11-16 13:01:15/ 	31	 159.148.8.50	   Mozilla/4.0
/2007-11-16 08:56:01 - 2007-11-16 08:58:11/ 	8	  159.148.81.44	  Mozilla/5.0
/2007-11-16 09:12:33 - 2007-11-16 08:58:11/ 	1	  159.148.82.249	 Mozilla/4.0
/2007-11-16 14:01:51 - 2007-11-16 14:02:30/ 	4	  159.148.83.195	 Mozilla/4.0
/2007-11-16 11:55:23 - 2007-11-16 12:17:59/ 	37	 159.148.84.185	 Mozilla/4.0
/2007-11-16 00:29:23 - 2007-11-16 14:52:41/ 	208	159.148.87.194	 Mozilla/4.0
/2007-11-16 11:15:05 - 2007-11-16 11:29:52/ 	50	 159.148.90.1	   Mozilla/4.0
/2007-11-16 10:27:02 - 2007-11-16 11:29:52/ 	1	  159.148.92.154	 Mozilla/4.0
/2007-11-16 09:41:26 - 2007-11-16 09:41:53/ 	3	  192.138.111.176	Mozilla/5.0

Sorry , bet manās acīs tu zaudēji jebkādas cieņas paliekas.

EDIT: damn .. nokavēju.

Neienāca prāta ka 'redzamais lapas izmērs' varētu būt interpretējams vai pārprotams:

Opera: 		 window.innerHeight
Mozilla:		window.innerHeight
WebCore:		window.innerHeight
IE:			 document.documentElement.clientHeight

Optimālais būtu dinamisks: apmēram 80% no redzamā laukuma izmēriem.

Ja kustīgs, tad mazāks (galveno kārt tādēļ, ka browserim ir grūtības renderēt lielus drag'n'drop objektus).

Vispār, nevienas formas pamatā nevar likt tabulu, jo tas ir semantiski nekorekti.

Anyway, lai panāktu apaļu stūru efektu, man visērtāk liekas izmantot ši metodi: http://www.alistapart.com/articles/slidingdoors/

Protams atbilstoši to pielāgojot nevis linku sarakstam, bet ievades lauku sarakstam.

Validāte NAV stiepjams jēdzien.

Ir specifikācijas.

Lapa tām vai nu atbilst vai neatbilst.

Punkts

Nuuuuu .. atkarībā kādas ir kļūdas.

Ja problēma ir ALT atribūta trūkums iekš <img /> vai & vietā ielikts & linkos, tad nekādas problēmas ar layoutu nebūs (tu gan zaudēsi uz lapas indeksējamību).

Ja kļūda ir neaizvēros tagos , tad lielākoties tas ir redzams uzreis =P

Ko nozīmē visos ?

IE un Firefox ? Tie nav visi.

Tai lapā ir tonnām labojumu jāveic

(pta.lv/lv/bra...) HTML: Failed (72 errors, see http://tinyurl.com/2ycsex ) CSS: Failed (1 errors, see http://tinyurl.com/33owk7 ) [185 warnings] DOCTYPE: XHTML 1.0 Trans + url | (MIME: text/html, text/html; charset=UTF-8)

Šādas tādas kļūdas:

• zinu ka tas tev nāk kā šoks, bet ir cilvēki kas lieto tādu browseri kā Opera.
  
• .. un daudz vairāk (40%) lieto IE6.
  
• vienmēr ir jānorāda defaultais background's priekš <html>
  
• ko dara ' language="JavaScript" ' iekš <script> parametriem ?
  
• xhtml visi tagi un to parametri ir lowercase ... tai skaitā arī onclick
  
• formām nav 'name' atribūta
  
• tas tak nav xhtml.. tas pat nav html4.01stict
  
• '<font size=1 face=verdana color=#000000>' ... dear god, help us
  
• kāpēc tu lapā iekļauj CSS, ja jau visu dizainu tu veido html tabulā ?
  

anyway .. liekas es uz IT Media nekad neiešu.