Wuu Posted December 26, 2008 Report Posted December 26, 2008 (edited) Pirmkārt es to 100% uzskatu par pilnīgāko marazmu ,jo pēc tam jābrīnās kāpēc tur vienā browseri tā otrā savādāk... Līkas rokas? Nu nezinu lietojot table ,nebūs milzīgs CSS fails un table ir vieglāk izlasīt saprotamā veidā ,bet tik un tā nu re kas man sanāca CSS .div_logo { border-width:thin; border-style:solid; border-color: #ddaf7b; margin-left:1%; width:98%; height:40px; position:fixed; left:0px; } .div_menu_left { border-width:thin; border-style:solid; border-color: #ddaf7b; margin-left:1%; width:19%; position:fixed; left:0px; top:40px; } .div_menu_right { border-width:thin; border-style:solid; border-color: #ddaf7b; margin-left:1%; width:19%; position:fixed; left:79%; top:40px; } .div_page { border-width:thin; border-style:solid; border-color: #ddaf7b; margin-left:1%; width:60%; position:fixed; left:19%; top:40px; } html <html lang="eng"> <head> <title>xxx</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div align='center'> <div class='div_logo'>Logo</div> <div class='div_menu_left'>Menu</div> <div class='div_page'>Page</div> <div class='div_menu_right'>Menu</div> </div> </body> </html> border-width:thin; border-style:solid; border-color: #ddaf7b; margin-left:1%; //Centrējums width:60%; //Diva platums position:fixed; //Ja nelieto fixed tad viss vienā čupa sametas left:19%; //Sākuma pozīcija x asī top:40px; //Sākuma pozīcija y asī Vai būs pareizi? Edited December 26, 2008 by Wuu
KarlisBa Posted December 26, 2008 Report Posted December 26, 2008 Baigi sviestaini... Man tāds jautājums, kur tu apguvi CSS pamatus un kur tu ko šādu izrāvi?
Wuu Posted December 26, 2008 Author Report Posted December 26, 2008 Nekur nēsmu apguvis kā tad būs pareizi?
KarlisBa Posted December 26, 2008 Report Posted December 26, 2008 (edited) Tavs pirmais <div> apmēram manā izpildījumā. #div_logo { border: 1px solid #ddaf7b; margin: 0px 0px 0px 1px; width: 500px; height: 40px; float: left; } position vietā smukāk ir norādīt float, bet to ir iespējams tikkai pa left un right līdzināt. Nu vispār labot tavu darbu nebūtu prātīgi, jo tu visu raksti %, kas laikam tev ir vēl no table aizķēries. Lielākoties CSS raksta (px). P.S Pareizi būs tad, kad uz visiem pārlūkiem strādās tā kā to tu gribēsi redzēt. :) Edited December 26, 2008 by KarlisBa
LorDRameX Posted December 26, 2008 Report Posted December 26, 2008 Tavs pirmais <div> apmēram manā izpildījumā. #div_logo { border: 1px solid #ddaf7b; margin: 0px 0px 0px 1px; width: 500px; height: 40px; float: left; } position vietā smukāk ir norādīt float, bet to ir iespējams tikkai pa left un right līdzināt. Nu vispār labot tavu darbu nebūtu prātīgi, jo tu visu raksti %, kas laikam tev ir vēl no table aizķēries. Lielākoties CSS raksta (px). P.S Pareizi būs tad, kad uz visiem pārlūkiem strādās tā kā to tu gribēsi redzēt. :) interesanti gan kadeelj CSS raksta lielaako ties PX ??? un kā tad ar liquid layout piemēram ? to tu diezinvai ar px uzrakstīsi :) man šo lietu izprast ļoti palīdzēja šis te
Wuu Posted December 29, 2008 Author Report Posted December 29, 2008 (edited) <div> </div> <div> </div> Kā panākt lai otrs divs neieto zem pirmā diva ,bet kārtotos vienā līnijā! <div></div> <div></div><div></div> Kā panāk šādu! Kā pareizi centrēt divus! Un kā pareizi centrēt uzreiz vairākus divus kas salikti kopā ar css "float:left;" Piezīme lai strādā uz IE6 arī! Edited December 29, 2008 by Wuu
marcis Posted December 30, 2008 Report Posted December 30, 2008 es darītu tā: CSS * { margin: 0; padding: 0; } #wrapper { width: 800px; margin: 0 auto; } .column { float: left; width: 400px; height: 400px; } * .clear { height: 0; font-size: 0; // IE6 clear: both; } HTML <div id="wrapper"> <div class="column"> </div> <div class="column"> <div class="block"> </div> <div class="block"> </div> </div> <div class="clear"> </div> </div> Augstumi, platumi pēc vajadzības.
Wuu Posted December 30, 2008 Author Report Posted December 30, 2008 (edited) Paldies! .div_menu_down { margin: 0; padding: 0; width:25px; height:11px; background-image:url('../images/corner_down.png'); background-position:bottom; background-repeat:no-repeat; border:1px solid #000000; } Kāpēc uz ie6 šis kvadrāts veidojas 25x25 nevis 11x11? Uz ie7 opera ff rādās 25x11 Edited December 30, 2008 by Wuu
andrisp Posted December 30, 2008 Report Posted December 30, 2008 11x11 tur tochna nevar buut, jo width taču ir 25. IE6 ņem vērā fonta izmēru, tāpēc nevar samazināt līdz 11px augstumam. Norādi mazu mazu fonta izmēru.
Wuu Posted December 30, 2008 Author Report Posted December 30, 2008 (edited) Paldies palīdzēja :) Next... .table_order { padding-top:200px; padding-left:200px; font:normal 13px arial; color: #000000; cursor: default; clear: both; } Uz IE6 nestrādā tabulai "<table>' padding... Kamdēļ? Next.. Vai ievades formu arī vajag veidot no diviem? Edited December 30, 2008 by Wuu
v3rb0 Posted December 30, 2008 Report Posted December 30, 2008 ievades formas nevis ar div'iem, bet ar <dl><dt><dd>!
bubu Posted December 30, 2008 Report Posted December 30, 2008 Offtopikiņš: kāpēc parole ir ierobežota ar 14 simboliem? Paroles nevajag ierobežot garumā. Jo garāka parole - jo tā ir drošāka (vēl protams lomu spēlē arī izmantojamie simboli).
mad182 Posted December 31, 2008 Report Posted December 31, 2008 IMHO šitā: http://blocins.lv/files/forma/forma.html Un man tieši tā pati doma bija kas bubu :)
Wuu Posted January 2, 2009 Author Report Posted January 2, 2009 Tomēr ievades forma paliek table ziņā :)
LorDRameX Posted January 2, 2009 Report Posted January 2, 2009 Tomēr ievades forma paliek table ziņā :) ja ? <form class="fieldbox" action=""> <fieldset> <legend>ReÄ£istrÄcijas forma</legend> <label for="field1">Logins (4-14):</label> <input type="text" name="field1" id="field1" /><br /> <label for="field2">Parole (min6):</label> <input type="text" name="field2" id="field2" /><br /> <label for="field3">Parole x2:</label> <input type="text" name="field3" id="field3" /><br /> <label for="field4">Emails:</label> <input type="text" name="field4" id="field4" /><br /> <hr /> <label for="field5">Blabla:</label> <input type="text" name="field5" id="field5" /><br /> </fieldset> </form> kur tur ir tabula PS mad182 super vienkārši un eleganti man patiik tādas formas :)
Recommended Posts