Avaleht
uus teema   vasta Tarkvara »  WWW »  väike css probleem märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
aer0x
HV kasutaja
aer0x

liitunud: 11.11.2005
sõnum 02.02.2009 23:39:32 väike css probleem vasta tsitaadiga
NIi siis.
Kood HTMl-markup on selline
html:
  1. ]<head>
  2. <link rel="stylesheet"  href="css2.css" />
  3. </head>
  4. <div class="vordne">
  5.         <div class="rida">
  6.             <div class="yks">
  7.                 <div id="yks_sisu">
  8. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  9. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  10.                 </div>
  11.             </div>
  12.             <div class="kaks">
  13.                 <div id="kaks_sisu">
  14.  
  15. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  16. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  17.                 </div>
  18.             </div>
  19.         </div>
  20. </div>
  21.  
  22.  


ja css kood on selline:
css:
  1. ]]
  2.   .vordne {
  3.     display: table;
  4.     border-collapse:separate;
  5.     height: 450px;
  6.   }
  7.   .rida{
  8.     display: table-row;
  9.   }
  10.   .yks {
  11.     display: table-cell;
  12.     width: 560px;
  13.     background-color: #DDDDDD;
  14.  
  15. }
  16.   .kaks {
  17.     display: table-cell;
  18.     width: 236px;
  19.     background-color: #999999;
  20.  
  21. }
  22.   div#yks_sisu{
  23.     margin-left: 70px;
  24.     margin-right: 50px;
  25.     margin-top: 55px;
  26.     border: 1px solid black;
  27. }
  28.   div#kaks_sisu{
  29.     margin-left: 40px;
  30.     margin-right: 10px;
  31.     margin-top: 50px;
  32.     border: 1px solid black;
  33.   }
  34.  

Probleem nimelt selles et saan muuta mõlema tulba margin-left: ja margin-right igatpidi nii et nad teineteist ei mõjuta. Kuid kui lähen margin-top kallale jääb neil peale see millel suurem väärtus on ja mõlemad nihkuvad koos allapoole, aga ma tahaks nt nii et ainult vasakpoolne margin-top i kasutaks. Kuidas seda saavutada?
Link ka lehele kus on see tabel valmis: http://213.219.78.70/test.html
_________________
O_o
Kommentaarid: 18 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 16
tagasi üles
vaata kasutaja infot saada privaatsõnum
muusik
HV kasutaja

liitunud: 31.10.2007
sõnum 03.02.2009 00:49:20 vasta tsitaadiga
tegin sul kiiruga natuke asju ringi.

Näiteks nii siis icon_smile.gif


CSS:

css:
  1. #wrap {
  2.         width: 836px;
  3. }
  4.  
  5. #content-a {
  6.         float: left;
  7.         width: 560px;
  8.         background-color: #ddd;
  9.         height: 450px;
  10. }
  11.  
  12. #content-a P {
  13.         margin: 55px 50px 0 70px;
  14.         border: 1px solid black;
  15. }
  16.  
  17. #content-b {
  18.         float: left;
  19.         width: 236px;
  20.         background-color: #999;
  21.         height: 450px;
  22. }
  23.  
  24. #content-b P {
  25.         margin: 55px 10px 0 40px;
  26.         border: 1px solid black;
  27. }


html

html:
  1. <html>
  2. <head>
  3.         <meta http-equiv="content-type" content="text/html; charset=utf-8">
  4.         <link rel="stylesheet" href="css2.css">
  5. </head>
  6.  
  7. <body>
  8. <div id="wrap">
  9.         <div id="content-a">
  10.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  11.     </div>
  12.     <div id="content-b">
  13.         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  14.     </div>
  15. </div>
  16.  
  17. </body>
  18. </html>


Veebinäide: http://raitvagula.com/hv/uus.html
Kommentaarid: 50 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 49
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  väike css probleem
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.