Jump to content
php.lv forumi

Sephy

Reģistrētie lietotāji
 View Profile  See their activity

  • Posts

    237

  • Joined

  • Last visited

 Content Type 

Posts posted by Sephy

  4. tekstu vertikali uz leju!

    in CSS

    Posted

    Hmm... kaut ko tādu pirmo reizi redzu:

     

    a {
 height: 40px;
 background: url('smuka bilde');
}

     

    Pareizāk būtu laikam tomēr tā:

     

    #tekstscentraa {

    height: 40px;

     

    background: url('smuka bilde');

    }

     

    #tekstscentraa a {

    color: #ff9933;

    padding: ???;

    }

     

     

     

    Kā jau te teica, lieto tad vienkārši lieto - padding...

    [/quotepati bilde ir links ar uzraxtu virsuu taka shitjas neder ;]

  6. tekstu vertikali uz leju!

    in CSS

    Posted · Edited by Sephy

    Nu tad liec to paddingu <a> elementam.

    ok paldies tas stradaa puslidz normali(pagaidam, jo nakotnee paredzu problemas ar to ka man nevajadzes visiem linkiem to paddingu ;D)

     

    edit;problemas atrisinaju uzliekot a klasi xD

  8. tekstu vertikali uz leju!

    in CSS

    Posted

    Izmantojot padding, background bilde NEKĀDI nevar mainīt savu atrašanās vietu. Tu mums te kaut ko fleitē.

    laikam bushu neperecizi pateicis ko man vajag ;D. man isteniba ir shitaa:

    <div id="tekstscentraa"><a HREF="#">shito vajaga pabidit</a></div> #tekstscentraa a{height:40px; background:url('smuka bilde');}

  11. tekstu vertikali uz leju!

    in CSS

    Posted · Edited by Sephy

    tatad pienemsism ir div: <div id="tekstscentraa">shito vajaga pabidit</div> un pienemsi #tekstscentraa{height:40px; background:url('smuka bilde');}... kaa lai pabida lai texts butu uz leju!!(bet lai bilde paliek uz vietas!!!!)

     

    edit:man nevajag centraa bet vienkarshi pabidit ;]

  18. Image proporcianala palielinashana?

    in CSS

    Posted

    tatad ir lapa kurai vajag lai itkaa viss iztiepjas proporcionali uz horizontalo pusi. kaa ir iespejams proporcianali palielinat images?(bakgroundu es jau maku taka varat nestastit background:url (insert image link here) repeat-x). problema ir tada ka iamge piemeram ir mobilais telefond kur nu galigi nevar izgriezt kadu pixeli ko pavairot lapas zoom gadijuma ;[

  21. Background-repeat no videja div?

    in CSS

    Posted

    kods te

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>  
 <head>  
   <meta http-equiv="content-type" content="text/html; charset=windows-1250">  
   <meta name="generator" content="PSPad editor, www.pspad.com">  
   <link rel="stylesheet" type="text/css" href="./main.css">  
   <title>
   </title>  
 </head>  
 <body>   
   <div id="main">    
     <div id="first">
       <div id="left1"></div><div id="centerrepeat1"></div><div id="right1"></div>
     </div>      
   </div>  
 </body>
</html>

     

    un css

    /* CSS Document */

html{
height:100%;
width:100%;
}

body{
height:100%;
width:100%;
margin:0px;
padding:0px;
}

#main{
height:100%;
width:100%;
background-color:blue;
}

#first{
position:absolute;
height:475px;
width:100%;
background-color:red;
}

#left1{
float:left;
z-index:10;
overflow:vissible;
position:absolute;
height:100%;
width:496px;
background-color:black;
}

#centerrepeat1{
position:absolute;
height:100%;
width:100%;
background:url('./imagemap/repeatfirst.jpg') right top repeat-x;
}

#right1{
display:block;
float:right;
position:absolute;
height:100%;
width:28px;
background-color:white;
}

     

    vajag izdarit taa lai right1 divs ir labajaa pusee(float right laikam ipashi labi nestradaa) un lai repeatu nevajag likt 100%(es gribu lai vinsh aipilda tikai tuksho vidu nevis velreiz parbrauc pa apakshu maniem left un right diviem)

  23. Tabulas un to kolonas

    in HTML un XHTML

    Posted

    Ir tabala ar 3 kolonam katra savs image. Vajag izdarit taa lai nepaliek atstarpes starp kolonam. Kur problema? Man videjais image ir dinamisks un tapec nevar imantot visadu margin-lef:-10px;

    Ir kadas idejas:?

    Kods apmeram shitads

     

    <div id="right">                              
         <div id="righttop">              
           <table id="buttontable">              
             <tr id="display">              
               <td>
                 <div class="leftside_in1">
                 </div>
               </td>              
               <td id="buttons_in">
         <ul><li>            
           <a href="#">The</a></li><li>            
           <a href="#">The Button</a></li><li>            
           <a href="#">The_Button</a></li>         
         </ul>
               </td>              
               <td>
                 <div class="rightside_in1">
                 </div>
               </td>              
             </tr>            
           </table>               
         </div>                      
         <div id="rightbottom">bhaaaaaaaaw                      
         </div>                          
       </div>

     

    un css

     

      #content{  
 width:100%;
 overflow: auto;
 }

 #left{
 position:relavtive;
 float:left;
 background: url('./left.jpg') repeat-y;
 width:255px;
 }

 #right{
 text-align: center;
 float: right;
 background-color:green;
 width:745px;
 }

 #righttop{
 height:100px;
 background-color:red;
 }


 #foot{
 height:30px;
 width:100%;
 background-color:#898989;
 }
 /*tabula sakas te*/
 #buttontable{
 border-collapse: collapse;
 margin: 0 auto;
 height:32px;
 width: auto;

 }

.leftside_in1{
 background: url('images/iddleleft.jpg') 0 0 no-repeat;
 height:32px;
 width:16px;
 }

 .rightside_in1{
 background: url('images/iddleright.jpg') no-repeat;  
 width:16px;
 height:32px;
 }

 /*link styles*/






/*sections meu styles start*/

#buttons_in ul
{
margin: 0px;
padding: 0px;
}

#buttons_in ul li
{
list-style-type: none;
display: block;
float: left;
line-height: 30px;
}

/*section menu fonts*/
#buttons_in ul li a
{
background: url('images/iddlecenter.jpg') top left repeat-x ;

display: block;
vertical-align: middle;
height: 32px;
float: left;
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color: #f0f0f0;

}

#buttons_in ul li a span
{

}

#buttons_in ul li a:hover
{
background: url('images/actioncenter.jpg') repeat-x;
color: #353535;
}

     

    p.s.

    varat nestastit cik to leiliski varetu paviekt ar div... meginaju sakumaa ar to taisit bet kats browseris pilnigi savadak nem centresahna ar dinamiskiem image ;[

×
×
  • Create New...