Log In · Register

 
<td> + "valign" issue, Firefox vs IE
adafsdfasdfadasd...
post Oct 19 2006, 12:16 PM
Post #1


-Lost in the void-
****

Group: Member
Posts: 103
Joined: Aug 2006
Member No: 452,563



Problem: Can't get the right links to valign to the middle
Question: Why won't it align in the middle vertically on firefox but does on IE...



CODE
<div class="holder">

<table class="body" cellspacing="1px">

<td class="left" colspan="2">
<img src="http://i89.photobucket.com/albums/k237/ximonolithix/Layout/rawr.jpg" alt="Layout by ximonolithix" border="0">
</td>

<td class="mid">
Rawr
</td>

<td class="right" valign="middle">
<div class="right">
<a class="direc" href="http://www.google.com">Google</a>
<a class="direc" href="http://www.google.com">Google</a>
<a class="direc" href="http://www.google.com">Google</a>
<a class="direc" href="http://www.google.com">Google</a>
Phwee
</div>
</td>

</table>

</div>


CODE
div.holder {
    background-color: transparent;
    border: none;
    position:absolute;
    left: 50%; margin-left: -300px; width: 600px;
    top:0%; margin-top: 180px; height: 400px;
    overflow: auto;
    visibility: visible!important;
    }

table.body {
    background-color: black;
    border: 1px solid;
    border-color: black;
    visibility: visible!important;
    }

td.left {
    background-color: 794021!important;
    border: 3px solid;
    border-color: 794021!important;
    width: 200px;
    height: 380px;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    }

td.mid {
    background-color: white;
    border: 3px solid;
    border-color: 794021!important;
    width: 200px;
    height: 380px;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    }

td.right {
    background-color: white;
    border: 3px solid;
    border-color: 794021!important;
    width: 200px;
    height: 380px;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    }

div.right {
    visibility: visible!important;
    background-color: white;
    border: none;
    width: 100%;
    height: 100%;
    font: arial;
    font-size: 8px;
    color: 93936E!important;
    margin-right: 0px;
    padding: 0px;
    overflow: auto;
    }
    
a.direc:link, a.direc:visited, a.direc:active {
    text-decoration: none!important;
    font-family: arial;
    font-style:normal;
    font-size: 10px;
    line-height: 20px;
    color: black!important;
    background-color: white!important;
    border-left: none;
    display: block;
    margin: 0px;
    padding: 0px;
    }


a.direc:hover {
    text-decoration: none!important;
    font-family: arial;
    font-style:normal;
    font-size: 10px;
    line-height: 20px;
    color: white!important;
    background-color:black!important;
    border-left: none;
    display: block;
    margin: 0px;
    padding: 0px;
    }


Edit/

Link to my profile

This post has been edited by ximonolithix: Oct 19 2006, 03:40 PM
 
 
Start new topic
Replies (1 - 3)
*Infinite.*
post Oct 19 2006, 03:23 PM
Post #2





Guest






Question:
The original navigation bar? Or the little google one? Because the original navigation bar isn't even viewable for me pinch.gif

EDITS:
Nevermind I see, well hah I thought it looked pretty good where it was, but ehm let me look through the code, also I need all your coding not just that.
 
adafsdfasdfadasd...
post Oct 19 2006, 03:35 PM
Post #3


-Lost in the void-
****

Group: Member
Posts: 103
Joined: Aug 2006
Member No: 452,563



QUOTE(Infinite. @ Oct 19 2006, 4:23 PM) *
Question:
The original navigation bar? Or the little google one? Because the original navigation bar isn't even viewable for me pinch.gif

EDITS:
Nevermind I see, well hah I thought it looked pretty good where it was, but ehm let me look through the code, also I need all your coding not just that.


the links i made labled "google" and that is all of my coding the rest is just show / hide codes to remove the default crap.

Edit/

I even added the vertical align attribute to the css for the links didn't do anything :/ w3schools for reference on vertical align.

"middle The element is placed in the middle of the parent element"

In this case the element would be the link inside the parent element the div right?...
 
*Infinite.*
post Oct 19 2006, 04:05 PM
Post #4





Guest






hmm, I would think so. Perhaps look further in to that and add something and see if it works.

Although you still haven't given me the rest of your coding pinch.gif


EDITT:
He contacted me on aim, we got it all fixed happy.gif
topic closed.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: