logo css

[laucinieks]

Sveiki, ir tāda lieta, ka mājaslapai uz dažādiem monitoriem lapa deformējas, kā var uztaisīt, lai visās lapās būtu vienādi lielumi? Man ir logo 990 x 124, kas ir uz pašreizējā monitora, bet kad aizeju pie portatīvā, logo aizņem tikai 3/4 no monitora, pārējais laukums ir balts. Ko man vajadzētu izmainīt?

 

#headeris {
background-image:url(images/header.png);
width:990px;
height:150px;
}

[rATRIJS]

Cik nu liela taa bilde ir tik arii ir.

[Blitz]

parasti ja visur vajag 100% platumā, tad izlīdzas ar to ka #headeris fonu uzliek (background-color) tādu pašu ka logo fons (lai saplūst), un uzliek width:100%; lai aizņemtu maksimālo ekrāna platumu.

Tavā gadijumā vēl būs jāpieliek background-repeat:no-repeat;

Edited December 23, 2010 by Blitz

[labaiss]

Ja pareizi saprotu:

 

Tev vajag iecentrēt lapu - jo tas, ka sāns paliekm lielāks pie lielākas izšķirspējas ir neizbēgami - ja vien neveido width ar procentiem, bet neiesaku tā darīt...

 

Labāk izveido vienu div tagu, kas ietver pārējos piem., "wrap", kurš ir iecentrēts lapā. (margin: 0 auto 0 auto);

[daGrevis]

Vai short-hand's:

 

margin: 0 auto;

[laucinieks]

Izmēģināju visus variantus, bet nekā. Man to ir vajadzīgs izdarīt invision power board logo, ko es apvienoju ar mājas lapu. IPB logo vietā man ir mājas lapas logo + navigācija. Un tā pie dažādiem ekrāniem mainās.

[labaiss]

Tā tad tu gribi iepriekšējā logo vietgā = logo + menu?

 

Ņem fireBub, rediģē jau esošo css un pievieno to logo un menu.

Edited December 23, 2010 by labaiss

[laucinieks]

nē tu nesaproti, man jau logo ir ielikts. šeit var apskatīties bet man vajag, lai viņš uz visiem monitoriem būtu vienāds..

Edited December 23, 2010 by laucinieks

[daGrevis]

Dari, ko teica Blitz!

[mefisto]

nuuuu .. šitādā gadījumā tev ir divi varianti:

• uztaisi 1900px platu baneri
  
• liec <img /> tagu un scale'o izmantojot to

[laucinieks]

Nu kā, visu headeri nosaka šīs rindas -

 

#headeris {

background-image:url(images/header.png);

height:150px;

width:100%;

background-repeat:no-repeat;

}

 

Pārveidoju uz šādu, bet tāpat nepalīdz.

Edited December 23, 2010 by laucinieks

[Blitz]

pieliec background-color:red; un tu sapratisi ko es ar to domaju.

dzīvs piemērs: šim pašam forumam. Kreisajā pusē IPB logo, un visa augša staipās 100% platumā, rezultātā viss izskatās kā viens vesels.

Edited December 23, 2010 by Blitz

[rATRIJS]

Vinjsh nestaipaas. Bilde ir fikseeta izmeera: http://php.lv/f/public/style_images/master/logo.png kura ir noliidzinaata peec kreisaas malas un konteinera fona kraasa ir taadaa pat kraasaa kaa bildes labaa mala, taadeelj izskataas, ka bilde turpinaas. Tavaa gadiijumaa taa nevar jo tavs hederis ir bilde. Vai nu dari kaa mefisto saka vai taisi citu hederi un dari kaa te dara vai vienkaarshi taisi random fonu zem bildes.

[laucinieks]

Nu skaidrs, varbūt tad var dabūt forumu tādu pašu kā mājaslapu ? No sāniem visu nost, un lai forums ir pa vidu, tad viss sanāks.

[daGrevis]

Paņem tagu (varbūt div#wraper), kurš satur visu lapu, un uzliec:

 

margin: 0 auto;
width: 950px;

 

Pēc tam logo uztaisi 950px platu.