Vertical Allign?
Neem hier anders een kijkje.
NB: Dit is alleen het geval bij firefox.
Bij internet explorer heeft de site een soort van 'grijze sluier' over zich heen...
heel vreemd!
Weet iemand hoe ik dit kan oplossen? (... het liefst via style.css, anders moet ik ong. 100 script een voor een aanpassen, niet mijn hobby dus :) ...)
Alvast bedankt
Gewijzigd op 01/12/2005 21:23:00 door Stillone
text-align: left;
vertical-align: top;
}
Hallo stillone de code die jij mist is valign="top" in je <tr> of <td> kan jij je css hier in het forum eens neerzetten ?
Jan was me voor :D
body {
BACKGROUND-IMAGE: url(grijs.JPG); VALIGN: TOP; FONT-SIZE: 10px; font-family: verdana;
}
td {
FONT-SIZE: 10px; VALIGN: TOP; font-family: verdana; color: #333333;
}
th {
FONT-SIZE: 10px; VALIGN: TOP; font-family: verdana; color: #333333;
}
A:link {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none;
}
A:visited {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none;
}
A:active {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none;
}
A:hover {
FONT-SIZE: 10px; COLOR: #990000; FONT-FAMILY: verdana; TEXT-DECORATION: none;
}
TD.header {
BORDER: #333333; VALIGN: TOP; BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #333333 2px solid; FILTER: alpha(opacity="80"); BORDER-LEFT: #333333 2px solid; BORDER-BOTTOM: #333333 2px solid; BACKGROUND-COLOR: #FFFFFF
}
TD.site {
BORDER: #333333; VALIGN: TOP; BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #333333 2px solid; FILTER: alpha(opacity="80"); BORDER-LEFT: #333333 2px solid; BORDER-BOTTOM: #333333 2px solid; BACKGROUND-COLOR: #FFFFFF
}
input, select, option, textarea {
color: #000000;
background-color: #EEEEEE;
border: solid gray 1px;
font: 10px verdana, sans-serif;
}
Vertical-align: top;
En dan nog werkt deze CSS code niet in alle browsers, dus doe het gewoon via HTML.
Ze zijn allebei tevens al gepost.
die grijze sluier waar je het over had, komt door FILTER: alpha(opacity="80"). Die werkt alleen in IE.
in je TD's doe je VALIGN. Dat zou in HTML wel werken als attribuut, maar in CSS niet, daar moet je 'vertical-align' gebruiken. Je style zou een HEEL stuk kleiner kunnen verder. Als je wilt herschrijf ik hem voor je zodat je de verschillen kunt bestuderen.
De CSS code vertical-align werkt niet in alle web browsers dus is het beter als je het in html doet.
Dennis:
het is
Vertical-align: top;
En dan nog werkt deze CSS code niet in alle browsers, dus doe het gewoon via HTML.
Ze zijn allebei tevens al gepost.
Vertical-align: top;
En dan nog werkt deze CSS code niet in alle browsers, dus doe het gewoon via HTML.
Ze zijn allebei tevens al gepost.
Ik zou je juist adviseren het niet in de HTML te doen. Hou content en presentatie gescheiden en leer te lay-outen met divs. Het begin is moeilijk, toegegeven, maar later pluk je de vruchten er van.
Dennis:
@Jan Koehoorn
De CSS code vertical-align werkt niet in alle web browsers dus is het beter als je het in html doet.
De CSS code vertical-align werkt niet in alle web browsers dus is het beter als je het in html doet.
Ja, dat zei je al. Zie mijn vorige post.
Dank jullie wel.
Ja Jan, ik zou het erg op prijs stellen als je mijn style opnieuw zou schrijven!
Alvast bedankt!
Die vertical align werkt iig in FireFox, Internet Explorer en Opera. Ik zal je stylesheet even aanpassen. Momentje!
dankjewel :)
/* CSS Document */
th, td {
font: 10px verdana;
color: #333;
vertical-align: top;
}
a {
font: 10px verdana;
text-decoration: none;
}
a:link, a:visited {
color: #000;
}
a:hover {
color: #900;
}
a:active {
color: #000;
}
td.header, td.site {
border: 2px solid #333;
vertical-align: top;
filter: alpha(opacity="80"); /* IE only */
background: #fff;
}
input, select, option, textarea {
font: 10px verdana;
color: #000;
background: #eee;
border: 1px solid gray;
}
Ik ga het proberen!
Maak een backup van je oude CSS ;-)
Die staat hier :D
LOL
Ja, had m sowieso al up-ge-bekt ;)