 |  |  |  |  |  |  |  |
valign='middle' not working!!
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
i have a variable which is an image
i want it to be in the center of the td but it doesn't center vertically, it stays at the top, i did this
any ideas?
HTML and CSS Syntax (Toggle Plain Text)
i want it to be in the center of the td but it doesn't center vertically, it stays at the top, i did this
HTML and CSS Syntax (Toggle Plain Text)
any ideas?
0
#2 Nov 5th, 2009
The "valign" property does not propagate from the parent to its children children!
Try testing that scenario of yours with static HTML first.
This way you can see where lies the problem.
But from where we are the problem is: the image nested in the div element.
The td valign is pointing to the div element not to the image, so the image will not be valigned because the hosting div is not required to do that with its own children too.
But in any case, the DIVs can't make your inline elements to render vertically aligned in the middle.
Also if you ask me, that DIV is not required and shouldn't be there at first place at all. Remove the div and asign its class to your image instead. >>Keep your HTML code clean.
Try testing that scenario of yours with static HTML first.
This way you can see where lies the problem.
But from where we are the problem is: the image nested in the div element.
The td valign is pointing to the div element not to the image, so the image will not be valigned because the hosting div is not required to do that with its own children too.
But in any case, the DIVs can't make your inline elements to render vertically aligned in the middle.
Also if you ask me, that DIV is not required and shouldn't be there at first place at all. Remove the div and asign its class to your image instead. >>Keep your HTML code clean.
•
•
Join Date: Apr 2009
Posts: 290
Reputation: 
Solved Threads: 2
Posting Whiz in Training
0
#3 Nov 8th, 2009
all u need to do is center the image inside the div
•
•
Join Date: Apr 2009
Posts: 290
Reputation:
Solved Threads: 2
Posting Whiz in Training
0
#5 Nov 9th, 2009
yes ansn i also understnad the first answer how it doesnt align the children
0
#6 Nov 9th, 2009
he needs to vertically align in the middle,
as I already mentioned with his actual code structure and his existing styles it can be fixed by simply removing the DIV wrapping his Image in TD elements, nothing else.
But, new comers never bother to come back and tell if some advice helped solve their problem or god forbid mark the thread solved.
as I already mentioned with his actual code structure and his existing styles it can be fixed by simply removing the DIV wrapping his Image in TD elements, nothing else.
But, new comers never bother to come back and tell if some advice helped solve their problem or god forbid mark the thread solved.
•
•
Join Date: Apr 2009
Posts: 290
Reputation:
Solved Threads: 2
Posting Whiz in Training
0
#7 Nov 10th, 2009
no he probably has something else in the divs. just td middle align will center the div in side the table td but then u have to go ahead and also center the stuff inside tthe div. simple. then its centered.
•
•
Join Date: Apr 2009
Posts: 290
Reputation:
Solved Threads: 2
Posting Whiz in Training
0
#9 Nov 11th, 2009
im sorry did i forget to mention the div should be the size as the image in height? then its vertically centered hon
|
Similar Threads
- whois script not working in IE (PHP)
- Move Javascript Variable to PHP (JavaScript / DHTML / AJAX)
- how to display one image per day from an array? (JSP)
- Table width (HTML and CSS)
- HTML table vertical aligning problem (HTML and CSS)
- printing webpages (JavaScript / DHTML / AJAX)
- inherited class is not found (ASP.NET)
- Scaling Flash Movies in HTML (Graphics and Multimedia)
Other Threads in the HTML and CSS Forum
- Previous Thread: External CSS problems.
- Next Thread: google on firefox address bar
Views: 747 | Replies: 10
| Thread Tools | Search this Thread |
Latest HTML and CSS Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
Tag cloud for HTML and CSS
2002 appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity create css deleted design development displayimageinsteadofflash dreamweaver drupal emailmarketing epilepsy explorer firefox flash font fonts form format frontpage google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft missing mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. templates textcolor theme timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 wordpress xml xsl
