Jump to content
php.lv forumi

Daži joki par CSS


Kemito

Recommended Posts

Sveiki dārgie kungi un varbūt arī kāda dāma! Man ir daži jautājumi par CSS, lielākoties kas attiecas - ( Pēc kāda keyword meklēt ) īpasi nekas vairāk tas nav!

Tātad trīs sekojošas lietas!

 

1. Kā panākt lai esošais augstums:

height: 400px;

Tiek paplašināts ja tā saturs pārsniedz attiecīgi šos 400px;

 

2. Es lieku

position: absolute 

Viss man ir kā nākas, bet attiecīgi kad izdaru taustiņu kombināciju CTRL+ -/+ attiecīgi šis attēls īzbīdās no tā esošās vietas nevis stāv klāt dizainam, ir kāds speciāls pielietojums, lai bildi turētu uz bildes?

 

3. Vēlos izprast lietiņu teiksim:

Kad ielogojos man pie brauzera apakšas ir pielīmēts, kāds kubiciņš ar saturu, reālitas ir

position: fixed;

bet vēlos dabūt viņu lejā un centrēti, lai ik reizi, kad ielogojos man tur parādas informācija un kad "rullēju" pa lapu tas velkas man līdzi! :)

 

Protams, ja kāds var parādat tieši, ja nē nu tad atmetat kādu liņķeli vai keyword :)

Paldies jau iepriekš cilvekiem, kas palīdz :)

Link to comment
Share on other sites

1. par augstumu:

height: auto;

min-height: 400px;

2. position absolute izmantojams, ja kāds elements jānotur precīzā bloka vietā. Tad nebrīnies, ka stumdot paŗējos elementus tas tur arī paliks (:

3. uztaisi lejā to fixed divu, kurā iekšā ir centrēts divs ar to tavu info. divu centrē ar - margin-left:auto; margin-right:auto; Protams, relatīvi pozicionētu.

Link to comment
Share on other sites

1.

height: auto;
min-height: 400px;

Ja jāsuportē arī vecāki brouzeri tad googlē pēc css min-height fix

2. sākumā izdomā pēc kā viņu absolūti pozicionēt, jo to tu noteikti nedari pareizi

<div style="position: relative;">
 <img src="fona-buizha.jpg" alt="" />
 <img src="prieksplana-buizha.jpg" alt="" style="position: absolute; top: 10px; left: 10px;" />
</div>

prieksplana-buizha.jpg vienmēr stāvēs 10px no parent div'a augšas un malas. Ja bildes neresaizojas līdzi brouzera logam (kā tas parasti arī notiek), tad viss ir bumbās.

3.

position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center; /* !!! */

ja vajadzīgs iekšā block elements, tad tam attiecīgi

margin: 0 auto;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...