orion Posted January 20, 2005 Report Posted January 20, 2005 Vārdusakot mēģinu taga uzcīnīt webu pilnībā uz CSS. Ir augšējais menu, kas atrodas zem divām bildēm(logo + top_banner). šamās abas baigi smuki iecentrējās. Tjip viena + otra un abas kopā - centrā. Ceru, ka sapratāt ((: A zem jamām man nepieciešams menu, kas arī ir viss kopā iecentrēts... <div id="top_menu"><a href="?k=1">menu1</a></div> <div id="top_menu"><a href="?k=2">menu2</a></div> <div id="top_menu"><a href="?k=3">menu3</a></div> <div id="top_menu"><a href="?k=4">menu4</a></div> <div id="top_menu"><a href="?k=5">menu5</a></div> #top_menu a{ background-color: #ECFFF2; width: 160px; float: left; position: static; padding: 0px; font-weight: bold; color: #000000; text-align: center; } Viss izskatās baigi lieliski, vienādi bloki ar smuku linku pa vidu. Tikai viss menju pie kreisaas malas pielipis. Meegjinaaju visaadi. Ar klaseem, ar <center> tagu ... Visu veidu centreeshanu, kaadu vien zinu. Nu kaut kaa taa... Vobšem - kā man jamo iecentrēt?? augšējās bildes iecentrējās ar text-align: center;
tamster Posted January 20, 2005 Report Posted January 20, 2005 1) id vietā lieto class (id nevajadzētu atkārtoties, elementiem kuri atkārtojas paredzēts class) 2) <div id="top_menu"> <a href="?k=1">menu1</a> <a href="?k=2">menu2</a> <a href="?k=3">menu3</a> <a href="?k=4">menu4</a> <a href="?k=5">menu5</a> </div> un CSS #top_menu { text-align: center; width: 800px; margin: 0 auto; } #top_menu a{ background-color: #ECFFF2; width: 160px; float: left; padding: 0px; font-weight: bold; color: #000000; text-align: center; }
Kaklz Posted January 20, 2005 Report Posted January 20, 2005 pieliec pie #top_menu a{ display: block; width: 150px; } A vispār šitādus menu gudri vīri taisa ar <ul> <li>Menu Item 1</li> <li>Menu Item 2</li> </ul> palīdzību: <style type="text/css"> ul { list-style-type:none; margin: 0; padding: 0; } ul li{ display: block; float: left; width: 150px; height: 25px; background-color: silver; text-align: center; } ul li a{ display: block; line-height: 25px; } ul li a:hover{ background-color: gray; color: white; font-weight: bold; } </style> + <body> <ul> <li><a href="#">Menu Item 1</a></li> <li><a href="#">Menu Item 2</a></li> </ul> </body>
Iida Rie Posted January 20, 2005 Report Posted January 20, 2005 (edited) Iesaku izlasīt Listutorial un Floatutorial. Edited January 20, 2005 by Iida Rie
Gacha Posted January 20, 2005 Report Posted January 20, 2005 ORION: A kamdēļ nepieciešams, tas "float: left;" ? ja var iztikt ar "display: block;" ? Iesaku floatus lietot tikai tur, kur tas patiešām nepieciešams, jo ar viņiem dažreiz var iebraukt auzās.
orion Posted January 20, 2005 Author Report Posted January 20, 2005 A vispār šitādus menu gudri vīri taisa ar <ul> <li>Menu Item 1</li> <li>Menu Item 2</li> </ul> Taatad - man vajag, lai menu viens otram buutu blakus, nevis sarakstaa uz leju!!! ORION: A kamdēļ nepieciešams, tas "float: left;" ? ja var iztikt ar "display: block;" ? Iesaku floatus lietot tikai tur, kur tas patiešām nepieciešams, jo ar viņiem dažreiz var iebraukt auzās. 12923[/snapback] Bez float: left - jamie iezkaartojas uz leju rindaa, nevis viens otram blakus!!! Tas pats notiekaas arii tad, ja liek class, nevis id un ja visiem liek vienu, nevis atsevishkji katram pa <div>!!!
bubu Posted January 20, 2005 Report Posted January 20, 2005 Domā ar UL un LI nevar horizontālu menu uztaisīt? :) Piemēram: http://css.maxdesign.com.au/listutorial/ho...ntal_master.htm http://www.alistapart.com/articles/slidingdoors/ utt
Gacha Posted January 20, 2005 Report Posted January 20, 2005 Un redz kur arī slēpjas tā horizontālā māksla: No alistapart: #navcontainer ul li { display: inline; }
orion Posted January 20, 2005 Author Report Posted January 20, 2005 ok ok, es ir nebuut CSS guru ((: liidz shim CSS tik klaseem izmantoju - tjip teksta u.c. fignju noformeeshanai. Pa blokiem neko nekad neesmu licis (: Shitas pirmais meegjinaajums (: Thnks par padomiem (:, bet nu eniivei man tas menu nav centraa ((:
orion Posted January 20, 2005 Author Report Posted January 20, 2005 Taaksh, centraa ir, bet vairs nevaru katrai sadaljai noteiktu izmeeru pieshkjirt :/ width: 160px; uz li tagu nedarbojas... Uz ul nevar likt, jo tad visam kopeejs jams un iespiež visu man tajos 160px (:
рпр Posted January 20, 2005 Report Posted January 20, 2005 saliec , lai visur buutu vienaads charakteru skaits.
orion Posted January 20, 2005 Author Report Posted January 20, 2005 saliec , lai visur buutu vienaads charakteru skaits. 12946[/snapback] Taa nav izeja!
Kaklz Posted January 20, 2005 Report Posted January 20, 2005 tu apskatījies manis doto kodu? Tur viss ir darboties spējīgs - elementi ir viens otram blakus, noteiktā platumā, teksts pogās iecentrēts vertikāli un horizontāli. Mainās fona krāsa pie uzbraukšanas ar peli. Ko tu vēl gribi? Ja tu izmanto display: inline, tad tas ir plūsmas nevis bloka elements. Plūsmas elementiem nevar norādīt platumu.
orion Posted January 20, 2005 Author Report Posted January 20, 2005 tu apskatījies manis doto kodu? Tur viss ir darboties spējīgs - elementi ir viens otram blakus, noteiktā platumā, teksts pogās iecentrēts vertikāli un horizontāli. Mainās fona krāsa pie uzbraukšanas ar peli. Ko tu vēl gribi? Ja tu izmanto display: inline, tad tas ir plūsmas nevis bloka elements. Plūsmas elementiem nevar norādīt platumu. 12948[/snapback] Šādu rezultātu dabūju bez problēmām, bet man jau no paša sākuma vajag, lai šis menu būtu IECENZTRĒTS. Ne tikai katrs atsevišķš elements, kaa tavā piemērā, bet arī viss menu kopumā!! piemeers: lapas platums 1000px, menu platums 800px. Vajag, lai menu abaas pusees buutu pa 100px. Un nebuutu gljuku mainot monitora izšķirspēju. T.i. - nevar konkrētu atrašanās vietu px noteikt. Obligāti vajag CENTER. Mēģināju liekt visu menu atsevišķā blokā, bet nezinkāpēc arī necentrējas :/
Recommended Posts