CSS postavljanje elementov
3 naročniki
3 naročniki
Zanimam me kako vi postavljate elemente na spletne strani. Ker mam občutek, da sem neki zajebov oz mam luknjo v znanju.
Torej naloga: postaviti 20 elementov na spletno stran, pač tko kot si je zamislil dizajner, objekti so tako gumbi, kot slikce in forme. Za nameček je treba zadevo še postavit na center.
Torej jest sem začel s tem da sem dal en div in ga poimenoval id=kontejner v css pa
margin-left: auto;
margin-right: auto;
width:960px
potem sem nastavil ozadje
#bck
{
background: url('Background.jpg' ) no-repeat top center;
/*overflow:auto; */
position:relative;
height:1200px;
width:1000px;
}
in za vsakega od elementov naredil svoj div.
.logo
{
top: -11px;
left: 9px;
position: relative;
height: 10px;
}
Potem sem šel v chrome in se igral s CSS dokler elementi niso bili na svojem mestu. Zdaj stvari se premikajo s resulucijo in vse ampak če hočem kak nov element dat vmes vse zadeve porušim in če imam recimor 3 elemente v vrsti ma vsak različne top čeprav bi morale biti poravnane v vrsti (kar vizualno tudi potem so).
Mam tudi še druge probleme s to stranjo ampak dobr bo tole zadost zaenkrat.
Hvala za komentarje :)
2 odgovora
Jaz tudi ponavadi ustvarim wrap div, ki ga postavim na sredino (margin: 0 auto;). Znotraj diva pa več manjših divov (header, content, footer). Znotraj teh pa še manjše, katerim dodam float: left. Občasno rešim z absolutnim pozicioniranjem.
Priporočam ti ogled te strani:
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths
Jst ponavadi delam tako, da nastavim v kontejnerjih paddinge in margine, tako da pri dejanskih elemntih "stiliram" samo barve, fonte ipd.
Mnja, se potem dodaš tole (narobe sem prebral):
http://matthewjamestaylor.com/blog/how-to-convert-a-liquid-layout-to-fixed-width
LP,
Matic