bluebird Posted January 31, 2011 Report Share Posted January 31, 2011 (edited) Sveiki! Kāpēc man rādās tādās kā trepēs tā menu, ja viņai vajadētu būt līnijā?? html fails: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <ul id="nav"> <li><a href="#">Press</a></li> <li><a href="#">History</a></li> <li><a href="#">Project</a></li> <li><a href="#">Press</a></li> <li><a href="#">Press</a></li> </ul> </body> </html> CSS fails: @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { font-size: 100%; font-family:Helvetica, sans-serif; background-color: #f5ecd4; background-image: url(images/body-bg.png); background-repeat: repeat-x; background-position: top; } ul#nav { height: 236px; width: 800px; margin: 0 auto; background-image: url(images/header-bg.jpg); background-repeat: no-repeat; } ul#nav li a { display: block; width: 130px; float: left; margin-top: 168px; } Kā tas izskatās ir pievienots pielikumā. Paldies! Edited January 31, 2011 by bluebird Quote Link to comment Share on other sites More sharing options...
daGrevis Posted January 31, 2011 Report Share Posted January 31, 2011 Mājiens: kaut kas ar "display: block;" un/vai "float: left;". =] Quote Link to comment Share on other sites More sharing options...
bluebird Posted January 31, 2011 Author Report Share Posted January 31, 2011 (edited) Visu izmainīja pievienojot iekš: ul#nav { height: 236px; width: 800px; margin: 0 auto; background-image: url(images/header-bg.jpg); background-repeat: no-repeat; list-style: none rindiņu: list-style: none; ar "ul#nav li a { display: block; width: 130px; float:left; margin-top:150px; viss bija kedās! :) Sanāk ka tā dekorācija veidoja nevajadzīgu atkāpi vai kaut kā tā. Bet man patīk tava pieeja ar mājieniem! Veicina domāšanu! :) Esmu zaļš šajās lietās, bet esmu ķēries klāt apgūšanai :) Vienīgi kapēc ir tā, ka man <a>, kas ir iniline elements ir jāliek blokā?? Edited January 31, 2011 by bluebird Quote Link to comment Share on other sites More sharing options...
daGrevis Posted January 31, 2011 Report Share Posted January 31, 2011 Labāk neatbildēšu. Atkal no'feil'ošu... =D Quote Link to comment Share on other sites More sharing options...
bluebird Posted January 31, 2011 Author Report Share Posted January 31, 2011 Labāk neatbildēšu. Atkal no'feil'ošu... =D Varētu jau atbildēt nefeilojot :P Quote Link to comment Share on other sites More sharing options...
daGrevis Posted January 31, 2011 Report Share Posted January 31, 2011 A kāpēc gan nē? W3C met kļūdu? Nē? Neaiztiec! =D Quote Link to comment Share on other sites More sharing options...
mad182 Posted February 1, 2011 Report Share Posted February 1, 2011 (edited) Vienīgi kapēc ir tā, ka man <a>, kas ir iniline elements ir jāliek blokā?? Lai lietotājs varētu ērti klikšķināt uz visa pogas laukuma, nevis neveikli censties uztrāpīt kursoru uz paša teksta. Bet tā kā tas šajā reizē ir floats, tad tas vispār neko tev nedod... Floatiem tiek ignorētas visas display vērtības (izņemot none) Edited February 1, 2011 by mad182 Quote Link to comment Share on other sites More sharing options...
Kemito Posted February 1, 2011 Report Share Posted February 1, 2011 mad182 iegūst Oskara balvu, par labāko atbildi šajā topikā :D daGreivis, būtu vismaz pacenties :) Izmanto šito savām pārbaudēm, ja vēl neizmanto: http://validator.w3.org/ Quote Link to comment Share on other sites More sharing options...
briedis Posted February 1, 2011 Report Share Posted February 1, 2011 Floatiem tiek ignorētas visas display vērtības (izņemot none) Nesapratu? Float'ot var gan inline, gan block un nekas netiek ignorēts. Quote Link to comment Share on other sites More sharing options...
mad182 Posted February 1, 2011 Report Share Posted February 1, 2011 Un ar ko tad tavuprāt atšķiras floatots inline elements no floatota bloka? :) Quote Link to comment Share on other sites More sharing options...
foxsk8 Posted February 2, 2011 Report Share Posted February 2, 2011 (edited) Mad atšķirās gan, paddingojot un marginojot patestē pats, kas notiek ar inline elementiem un block elementiem. :) Tāpēc apgalvot, ka tas neko nemaina, ir nepareizi. Un vienlaga, vai tie elementi ir floatā vai nav. Un vispār, jau, display:block elementus pēc idejas piešķir defoltiem, inline style elementiem, kā span, a. utt... lai ar šiem elementiem varētu manupilēt, kā ar block elementiem, tas viss attiecās uz margin, padding, pozīcijām. Edited February 2, 2011 by foxsk8 Quote Link to comment Share on other sites More sharing options...
mad182 Posted February 2, 2011 Report Share Posted February 2, 2011 (edited) Patestē labāk pats, ar ko atšķiras floatots divs no floatota span :D Edited February 2, 2011 by mad182 Quote Link to comment Share on other sites More sharing options...
briedis Posted February 2, 2011 Report Share Posted February 2, 2011 Patestē labāk pats, ar ko atšķiras floatots divs no floatota span :D Jap, mad182 taisnība, cik patestēju, tiešām nemanīju atšķirību. Kļūdījos :) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.