PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
S

Vertical Allign?

Door Stillone op 01-12-2005 21:21 gewijzigd op 01-12-2005 21:23
1.573 views
Mijn website is opgebouwd uit tabellen die samen een geheel vormen. Het vervelende is dat zowel de tekst als de tabellen verticaal in het midden worden uitgeleind.

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
Jan Koehoorn
01-12-2005 21:23
td {
text-align: left;
vertical-align: top;
}
R
Roland Baas
01-12-2005 21:24
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 ?
S
Stillone
01-12-2005 21:29
Ja, ik zal alvorens ik de mogelijke oplossing van jan probeer mijn style.css posten:

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;
}
D
Dennis Mertens
01-12-2005 21:30
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.
Jan Koehoorn
01-12-2005 21:33
Stillone,

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.
D
Dennis Mertens
01-12-2005 21:36
@Jan Koehoorn
De CSS code vertical-align werkt niet in alle web browsers dus is het beter als je het in html doet.
Jan Koehoorn
01-12-2005 21:36
Dennis Mertens schreef op 01.12.2005 21:30
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.


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.
Jan Koehoorn
01-12-2005 21:37
Dennis Mertens schreef op 01.12.2005 21:36
@Jan Koehoorn
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.
S
Stillone
01-12-2005 21:37
Ja, daar dacht ik ook al aan. Hehe...

Dank jullie wel.

Ja Jan, ik zou het erg op prijs stellen als je mijn style opnieuw zou schrijven!

Alvast bedankt!

Reageren

Inloggen om te reageren