Jump to content


  • Posts

  • Joined

  • Last visited


Profile Information

  • Gender
    Not Telling

SyntaxPro's Achievements


Newbie (1/5)



  1. I heard of sub pixel rendering, but why if i hit print screen and count that the DIV with text is 13 pixels off from being leveled with the image on its left... why do i have to put 12.5 to level it out... it should be 13 logically... makes no sense
  2. You have to remove the vertical-align... that was a quick fix.. i left it in my code by mistake...
  3. Why would adding "E-Mail:" in between the divs cause that anyways???
  4. and btw there has never been any top margin :/
  5. Basically the margins are collapsing?
  6. Can you explain why what you told me to do would fix it? So I learn what was wrong?
  7. Why if I add overflow: hidden; to the div with the text it fixes the problem?
  8. Does anyone know why? or do they just do it... if i look and my image needs to be moved up 4 pixels to be level... why do i gota put 3.5 to level it out.. makes no sense! /wrist
  9. Well I don't understand how you can have a font-size or vertical-align with a half of a pixel... is there any other way to explain more about this? Thanks for the help so far
  10. Can someone explain this to me? Its confusing the hell out of me
  11. Btw people when you read my code... i didnt mean the have the vertical-align in there... also can someone explain this in more detail please
  12. <!DOCTYPE HTML> <html> <head> <title>oddim</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <link rel="shortcut icon" href="graphics/favicon.ico"> <style type="text/css"> body { margin: 0px; padding: 0px; background-color: #DDDDEE; font-family: Arial; } div.main { margin: 10px auto 0px auto; width: 648px; height: 294px; } div.menu { display: inline-block; margin: 0px 0px 2px 6px; width: 564px; height: 30px; background-image: url('graphics/menu.png'); font-size: 20px; font-weight: bold; color: #FFFFFF; vertical-align: 12.5px; } div.box_1 { display: inline-block; margin: 0px 0px 3px 0px; width: 342px; height: 229px; background-image: url('graphics/box_1.png'); } div.box_2 { display: inline-block; margin: 0px 0px 3px 6px; width: 300px; height: 229px; background-image: url('graphics/box_2.png'); } div.bar_1 { display: inline-block; width: 342px; height: 22px; background-image: url('graphics/bar_1.png'); } div.bar_2 { display: inline-block; margin: 0px 0px 0px 5px; width: 300px; height: 22px; background-image: url('graphics/bar_2.png'); } img.logo { display: inline-block; margin: 0px 0px 2px 0px; } </style> <script type="text/javascript"> </script> </head> <body> <div class="main"><img class="logo" src="graphics/logo.png"><div class="menu">E-Mail:</div><div class="box_1"></div><div class="box_2"></div><div class="bar_1"></div><div class="bar_2"></div></div> </body> </html>
  13. So when using vertical-align... u can use half pixels?
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.