Jump to content
php.lv forumi

css problēma


Puika1
 Share

Recommended Posts

Man radās problēmas ar css title kodu,screena viņa ir redzama!

 

n5dis8a6wf904a9d2i5w.png

 

 

 

<div id="col_right">
<div id="col_title">wtf </div>
<div id="col_cont">
</div>
kad es te kautko ierakstu tad ior normali
<div id="col_title"></div>
<div id="col_cont">
</div></div>

 

vgcetjs7hp7zb7o5de9.png

 

HTML kods

 

<div id="col_right">
<div id="col_title">wtf </div>
<div id="col_cont">teksts te
</div>
<div id="col_title">wtf2 </div>
<div id="col_cont">teksts te
</div></div>

 

TITLE CSS KODS

 

#col_title{
   width: 235px;
   height: 27px;
   background: #333333 url('images/title.png') no-repeat;
   text-align: center;
   text-transform: uppercase;
   color: #ffffff;
   font-size: 11px;
   line-height: 27px;
   padding-right: 0px;
   letter-spacing: 1px;
}

Link to comment
Share on other sites

Pēc katra flototā div elementa, kur nākamais div elements nesatur float jālieto clear.

Piemēram:

<div style="float: left;">
Šis div man ir FLOATOTS kreisajā pusē
</div>
<div style="clear: both;"></div>
<div style="padding: 1px;">
Šis div elements nav FLOTOTS kreisajā pusē
</div>

 

Šādi strādās pareizi, tapēc, ja lieto kādu divu un/vai parastu tekstu kas nesatur float: left; izmanto pēc tā float: left; div`a clear`u.

Ceru, ka doma skaidra.

 

P.S. Jā es nezinu kā tulkot "Float" :D

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...
 Share

×
×
  • Create New...