SyntaxPro
-
Posts
31 -
Joined
-
Last visited
Never
SyntaxPro's Achievements
Newbie (1/5)
0
Reputation
-
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
-
This site fails at helping people... wtf they always give shitty non correct answers wtf
-
You have to remove the vertical-align... that was a quick fix.. i left it in my code by mistake...
-
Why would adding "E-Mail:" in between the divs cause that anyways???
-
and btw there has never been any top margin :/
-
Basically the margins are collapsing?
-
Can you explain why what you told me to do would fix it? So I learn what was wrong?
-
Why if I add overflow: hidden; to the div with the text it fixes the problem?
-
:/
-
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
-
Any ideas?
-
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
-
Can someone explain this to me? Its confusing the hell out of me
-
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
-
<!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>