Avaleht
uus teema   vasta Tarkvara »  WWW »  css'iga 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:  
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga
sõnum 19.04.2010 21:44:06 css'iga probleem. vasta tsitaadiga
Probleem 1:
Mul on neli DIV blokki. kolm tükki üleval, üksteise järel ja neljas lehe all koodiga: position:absolute; bottom:0px;.
Kui ma teen oma browseri akent ise tahtlikult väiksemaks niipalju, et ülemised DIV'id jõuavad alumiseni, siis tahaks et akent veel väiksemaks tehes ei läheks ülesmised kolm DIV'i alumise DIV'i taha vaid võtaks alumise DIV'i endaga kaasa allapoole.

Probleem 2:

Mul on üks kast (div) kuhu tahan x telge pidi kordama panna tausta (400px kõrge). Kuidas teha nii, et selle kasti sisu oleks minimaalselt 400px kõrge või siis vastavalt sisule kui seda on rohkem kui 400px.
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
iFlop
Kreisi kasutaja
iFlop

liitunud: 03.05.2003



Autoriseeritud ID-kaardiga
sõnum 20.04.2010 00:12:16 vasta tsitaadiga
Probleem 1:
http://www.cssstickyfooter.com/
Lahendus pole just kõige ilusam..
Edit: kuna sticky footer hakkas mindki huvitama, siis leidsin natuke lihtsama lahenduse: http://ryanfait.com/sticky-footer/

Probleem 2:
CSS2's min-height täiesti olemas:
http://www.w3schools.com/css/pr_dim_min-height.asp
IE6 samas seda ei toeta.
Kommentaarid: 67 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 66
tagasi üles
vaata kasutaja infot saada privaatsõnum
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga
sõnum 20.04.2010 02:36:29 vasta tsitaadiga
tänud vastuse eest. min-height täitsa toimiv jah enamus browseritel, seega võtsin kasutusse ja kui min-heighti kasutada, siis sain ka esimese problemi lahendatud:

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 28.06.2010 01:58:20 vasta tsitaadiga
miks mul see #background ei lähe vähemalt sama kõrgeks kui on #left? või kuidas sellist asja lahendama peaks? selle #left kõrgus on muutuv!

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9.         margin-left: 0px;
  10.         margin-top: 0px;
  11.         margin-right: 0px;
  12.         margin-bottom: 0px;
  13.         background-color:#CCC;
  14. }
  15. #container {
  16.         margin-left:auto;
  17.         margin-right:auto;
  18.         width:940px;
  19. }
  20. #background {
  21.         width:920px;
  22.         background-color:#FFF;
  23.         margin-top:20px;
  24.         margin-left:auto;
  25.         margin-right:auto;
  26. }
  27. #left {
  28.         width:200px;
  29.         margin-left:6px;
  30.         margin-top:6px;
  31.         height:400px;
  32.         background-color:#FF9;
  33.         float:left;
  34. }
  35. #right {
  36.         background-color:#C6F;
  37.         margin-left:230px;
  38. }
  39. -->
  40. </style>
  41. </head>
  42. <body>
  43. <div id="container">
  44.   <div id="background">
  45.     <div id="left">vasak stuff</div>
  46.     <div id="right">parem stuff</div>
  47.   </div>
  48. </div>
  49. </body>
  50. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 28.06.2010 07:46:37 vasta tsitaadiga
Lefti-righti järgi peaks olema üks tühi div, mis on clear: left tähistusega, see venitaks backgroundi pikaks.
Visual formatting model kirjutas:
Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float did not exist.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 28.06.2010 09:45:51 vasta tsitaadiga
tnx... probleemid jätkuvad. kui ma nüüd lisan #right margin-top:6px;, siis see ei tööta...
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 28.06.2010 10:23:39 vasta tsitaadiga
http://jsbin.com/oqibu4
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 07.07.2010 15:11:59 vasta tsitaadiga
kas seda kuidagi paremini saab kirjutada? on oluline, et list luuakse li abil ja siis seal sees on keskmine osa th maksimaalse pikkusega. samas võib neid td olla vähem või rohkem. kui th-le anda paddingut, siis ei tohi kogupikkus muutuda!

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <script type="text/javascript" src="cms/includes/jquery/jquery-1.4.2.js"></script>
  7. <script type="text/javascript" src="cms/includes/jquery-ui/js/jquery-ui-1.8.2.custom.min.js"></script>
  8. <style type="text/css">
  9. ul.list, ul.list p {
  10.   margin:0;
  11.   padding:0;
  12. }
  13. ul.list th {
  14.   width:100%;
  15.   font-weight:normal;
  16.   text-align:left;
  17. }
  18. ul.list {
  19.   max-width:740px;
  20.   min-width:740px;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <ul class="list">
  26. <li>
  27. <table>
  28.   <tr>
  29.     <td>img</td>
  30.     <td>img</td>
  31.     <th>Tekst</th>
  32.     <td>img</td>
  33.     <td>img</td>
  34.     <td>img</td>
  35.     <td>img</td>
  36.     <td>img</td>
  37.   </tr>
  38. </table>
  39. </li>
  40. <li>
  41. <table>
  42.   <tr>
  43.     <td>img</td>
  44.     <td>img</td>
  45.     <th style="padding-left:20px;">Tekst</th>
  46.     <td>img</td>
  47.     <td>img</td>
  48.     <td>img</td>
  49.     <td>img</td>
  50.     <td>img</td>
  51.   </tr>
  52. </table>
  53. </li>
  54. <li>
  55. <table>
  56.   <tr>
  57.     <td>img</td>
  58.     <td>img</td>
  59.     <th>Tekst</th>
  60.     <td>img</td>
  61.     <td>img</td>
  62.     <td>img</td>
  63.     <td>img</td>
  64.     <td>img</td>
  65.   </tr>
  66. </table>
  67. </li>
  68. </ul>
  69. </body>
  70. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 12:23:45 vasta tsitaadiga
jällegi probleem. kuidaks saaks selle gif submiti nüüd vertikaalselt keskele võrreldes texti inputiga? gifi kõrgus on 25px

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. form, ul, li {
  9.     margin:0;
  10.     padding:0;
  11. }
  12. #test {
  13.     margin-left:30px;
  14.     margin-top:50px;
  15. }
  16. li {
  17.     list-style-type:none;
  18.     display:inline;
  19. }
  20. input[type=text] {
  21.     padding-top:8px;
  22.     padding-bottom:8px;
  23.     font-family:"Lucida Console", Monaco, monospace;
  24.     font-size:12px;
  25. }
  26. -->
  27. </style>
  28. </head>
  29.  
  30. <body>
  31. <div id="test">
  32. <form action="">
  33. <ul>
  34.   <li>
  35.     <input type="text" />
  36.   </li>
  37.   <li>
  38.     <input type="image" src="img/search_transparent.gif" />
  39.   </li>
  40. </ul>
  41. </div>
  42. </body>
  43. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 06.10.2010 12:57:49 vasta tsitaadiga
JSBin versioon siis asjast koos toimiva pildiga ja puuduoleva </form> tagiga.
http://jsbin.com/ihidu3
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 14:14:56 vasta tsitaadiga
mikk36, aga see ei toimu ju... sama moodi paneb valesti...
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 06.10.2010 14:56:36 vasta tsitaadiga
keevitaja, panin lihtsalt lihtsamaks mudimiseks selle, siit HV'st ei anna vähemasti Firefoxiga normaalselt kopeerida seda koodivälja, lisaks ei pruugi pilti niisama käepärast võtta olla.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 15:25:41 vasta tsitaadiga
ma kopeerin sellised asju tavaliselt nii, et panen quote ja siis textareast copy
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 06.10.2010 15:34:22 vasta tsitaadiga
aga mis võimalused veel on? kõige mõistlikum vist sellised vertical center align ikka tabeliga lahendada
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 08.10.2010 13:14:18 vasta tsitaadiga
keevitaja, link
Tee HTML korda ja näitab IE ka korrektselt.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 08.10.2010 13:22:53 vasta tsitaadiga
http://keevitaja.com/stuff/search_ok/

see nüüd näitab ühte moodi IE6, IE8, opera, ff, chrome, safari.
keegi IE7 saab vaadata?

mikk36, nägin jah juba ise.

aga kui IE6 on ok, kas siis võib eeldada, et ka IE7 on ok?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 08.10.2010 13:26:45 vasta tsitaadiga
Keevitaja - miks sellega ei katseta: http://www.microsoft.com/downloads/en/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 08.10.2010 13:38:33 vasta tsitaadiga
kle see mingi hull installimine, mingid virtuaal serverid jne. IE6 on olemas see multiple IEs 10MB
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 08.10.2010 13:39:11 vasta tsitaadiga
Alati ka browsershots võimalus.
http://browsershots.org/screenshots/0b933fcabea4597689c4bc7650e8f735
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 08.10.2010 13:46:17 vasta tsitaadiga
keevitaja, mingit suurt installimist pole - Virtual PCd ainult vaja - se etäitsa tasuta - ja tirid selel valmis image sealt alla lihtsalt icon_lol.gif
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 08.10.2010 13:56:45 vasta tsitaadiga
VMWare lahendused oskavad samuti neid VPC kettaid avada.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 08.10.2010 15:12:12 vasta tsitaadiga
mikk36, osata ju võib aga MSile kohaselt ei toimi see preinstall mujal.

Win tuvastab raua muutuse ja tahab uuesti aktiveerimist ja mida veel saada. Olen katsetanud eri virtuaalmasina kombinatsioonidega. Sama juttu võib ka guuglest leida.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 08.10.2010 15:36:32 vasta tsitaadiga
Deem, selle peale ei mõtelnud.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
BullDoze
HV kasutaja
BullDoze

liitunud: 01.03.2005



Autoriseeritud ID-kaardiga
sõnum 08.10.2010 16:30:14 vasta tsitaadiga
Erinevate IE versioonidega testmiseks kasutage sellist programmi nagu IETester
Kommentaarid: 15 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 14
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 28.10.2010 15:27:11 vasta tsitaadiga
kas selline css kirjeldamine on lubatud?

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. body {
  8.         font-family:Verdana, Geneva, sans-serif;
  9.         font-size:12px;
  10. }
  11. .body {
  12.         border:1px solid red;
  13.         padding:10px;
  14. }
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <p class="body">Kas see on lubatud?</p>
  20. </body>
  21. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 28.10.2010 15:59:48 vasta tsitaadiga
keevitaja kirjutas:
kas selline css kirjeldamine on lubatud?

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. body {
  8.         font-family:Verdana, Geneva, sans-serif;
  9.         font-size:12px;
  10. }
  11. .body {
  12.         border:1px solid red;
  13.         padding:10px;
  14. }
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <p class="body">Kas see on lubatud?</p>
  20. </body>
  21. </html>
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fjsbin.com%2Focaje4&profile=css21&usermedium=all&warning=1&lang=en
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 29.10.2010 20:03:49 vasta tsitaadiga
kuidas muuta list-stype-type colorit? ehk seda ketta värvi.
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 29.10.2010 21:50:34 vasta tsitaadiga
Nõnda?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 29.10.2010 22:25:51 vasta tsitaadiga
ainult selle spaniga saab jah?
tahaks seda effecti saavutada wp themis postituse ja page sees.
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 29.10.2010 23:30:46 vasta tsitaadiga
No see punkt seal ees võtab teksti värvi järgi omale värvi.

Edit: selgitamaks ehk rohkem: punktile kehtib tavaline color säte ja kui on soov tekstile selle taga tavalist värvi (erinevalt siis spetsist värvist, mis sai bulletile antud), siis tuleb talle uuesti tavaline värv määrata.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 29.11.2010 23:27:11 vasta tsitaadiga
kas backgroundile saab öelda, et ärgu hakaku mitte ülevalt pihta, vaid näiteks 40px altpoolt? aga repeat ikka peab olema. ülemine 40px osa jääks transparent?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.12.2010 22:16:27 vasta tsitaadiga
mul see probleem, et see .clear #right sees võtab arvesse mis #left sees. kuidas teha nii, et .clear mõjuks ainult #right sees?

html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. #wrap {
  8. }
  9. #left {
  10.         width:200px;
  11.         background-color:#ccc;
  12.         float:left;
  13.         display:inline;
  14. }
  15. #right {
  16.         width:400px;
  17.         background-color:#ccc;
  18.         margin-left:300px;
  19. }
  20. .clear {
  21.         clear:both;
  22. }
  23. </style>
  24. </head>
  25.  
  26. <body>
  27.  
  28. <div id="wrap">
  29. <div id="left">test <br /> test <br /> test <br /></div>
  30. <div id="right"><div class="clear"></div><br />test <br /><div class="clear"></div><br /><br /> test</div>
  31. </div>
  32.  
  33. </body>
  34. </html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
marco
Kreisi kasutaja
marco

liitunud: 18.04.2006
sõnum 01.12.2010 22:31:02 vasta tsitaadiga
keevitaja, Kui #right'le "float:left;" juure panna siis tundub töötavat.
_________________
Does "genuine" mean "with the real bugs"?
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.12.2010 22:32:04 vasta tsitaadiga
marco kirjutas:
keevitaja, Kui #right'le "float:left;" juure panna siis tundub töötavat.


panin float:right ja andsin sellele rightile laiuse.

aga huvitav kas muud muudi ei saa, ilma et seda righti floatima peaks!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 02.12.2010 21:51:22 vasta tsitaadiga
kas kuidagi nii saab, et <a href... on läbi css display:block ja background image antud. vaja oleks a tagi vaheli lisada tekst, kuid ei taha, et seda kuvatakse. samas block ise koos backgroundiga peab olema nähtav
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 02.12.2010 23:00:23 vasta tsitaadiga
keevitaja,

css:
  1. a {
  2. text-indent:-9999px; /* lükkab teksti nähtavast alast välja */
  3. outline: none; /* kaotab raami ära mis lingile klõpsates tekib */
  4. }

_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
marco
Kreisi kasutaja
marco

liitunud: 18.04.2006
sõnum 06.03.2011 16:03:38 vasta tsitaadiga
Probleemiks @media print.
Kuidas prindile selgeks teha et ei kasutaks automaatselt "shrink to fit" varianti, mis teeb prinditava ~40% väiksemaks, kuigi 100% valides on sisu täpselt laiuses.


@media print{
   body * {
      visibility: hidden;
   }
   #printcontent * {
      visibility: visible;
   }
   #printcontent table{
      page-break-inside: avoid;
   }
   #printcontent {
      visibility: visible;
      position: absolute;
      top: 0px;
      left: 0px;
   }
   .product_control * {
      visibility: hidden !important;
   }
}

Kas printides võetakse lehe laiuseks kogu body laius ja vähendatakse seda, et lehele mahtuda, või kuna body on peidetud peaks lehe laiuseks olema #printcontent laius?
Firefox 4.0pre vähemalt mõtleb nii nagu vaja.
-----
Opera ja ie8 on ainukesed, mis mõistavad page-break-inside väärtust. Kas teistele seda kuidagi õpetada ei saaks?
_________________
Does "genuine" mean "with the real bugs"?
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 06.03.2011 16:39:14 vasta tsitaadiga
marco, sul on lehe sisu väljaspool body elementi !?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
marco
Kreisi kasutaja
marco

liitunud: 18.04.2006
sõnum 06.03.2011 18:01:36 vasta tsitaadiga
mikk36 kirjutas:
marco, sul on lehe sisu väljaspool body elementi !?

ei icon_lol.gif
Aga su küsimusest saan aru, et printimisel võetakse lehe laius body laiuse järgi, mitte ainult div'i järgi, mis pole peidetud.

Edit:
Hakkan juba mõistma. display:none igale objektile, mida näha ei taha ja peaks korras olema.
_________________
Does "genuine" mean "with the real bugs"?
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
es1
HV kasutaja

liitunud: 01.02.2008



Autoriseeritud ID-kaardiga
sõnum 09.03.2011 16:15:20 vasta tsitaadiga
Teemast mööda icon_cool.gif aga, kas eestis mingi suurem css/htmli küsimustega seonduv foorum ka on?
Kommentaarid: 11 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 11
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 09.03.2011 16:31:26 vasta tsitaadiga
ega vist pole. HV peaks ikka kõige suurem olema. selle eest välismaiseid on jalaga segada!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 19.03.2011 17:27:03 vasta tsitaadiga
http://keevitaja.com/stuff/css-test/

miskipärast IE ja Opera puhul :active ainult updateb span background mitte aga a oma. seda kuidagi parandada saab?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 19.03.2011 17:46:45 vasta tsitaadiga
sest aktiivseks teed sa SPAN mitte A
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 19.03.2011 17:50:14 vasta tsitaadiga
loogiliselt võttes jah, kuid FF ja Chromega töötab. mingitmoodi seda parandada annab?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
perenoel
Kreisi kasutaja
perenoel

liitunud: 04.05.2004
sõnum 19.03.2011 18:15:17 vasta tsitaadiga
Mul on siin ühes tutorialis sellise nupu kood:
Spoiler Spoiler Spoiler


EDIT: ainukene asi, text-indenti ära kasuta. Selle näite puhul on mõeldud, et nupu pildil on juba tekst ka ja html-s olev tekstilink on ainult selleks puhuks, kui css ei tööta (muidu lükkab teksti ekraanilt välja).
_________________
The biggest delusion is that there are causes other than your own state of consciousness. - Neville Goddard
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 21.03.2011 00:33:58 vasta tsitaadiga
http://keevitaja.com/stuff/css-test/

korras!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 21.03.2011 23:33:50 vasta tsitaadiga
leidsin FF bugi. input ja textarea fondi suurused ei ole samad!

<!DOCTYPE html>
<html lang="en">
<head>
  <title>See on test</title>
 
  <style type="text/css">
 
  .input_text {
    font-family:Arial, sans-serif;
    width:500px;
    padding:10px;
    margin:20px;
  }
   
  </style>
</head>
<body>
 
  <form action="this.php" method="post">
 
    <input class="input_text" type="text" name="test_1" value="see on test" />
    <textarea class="input_text" name="test_2">see on test</textarea>

  </form>
 
</body>
</html>


aitab, kui anda fondile ette suurus

font:1em Arial, sans-serif;

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
geronimo
HV vaatleja

liitunud: 30.10.2003
sõnum 23.03.2011 16:50:16 vasta tsitaadiga
keevitaja kirjutas:
kas selline css kirjeldamine on lubatud?



http://www.w3schools.com/css/css_id_class.asp
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  css'iga 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.