Yet Another HTML Request For Help :-/

1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 2.60 out of 5)
Loading...
By Oliver AKA The Admin on 15 comments
in Categories: Just Talking

Hello folks, I’d like to ask your html help, if you can ;)
Simply said, I tested my site with IE 7, and found that pictures placed in tables don’t show properly with IE7 (no idea for IE6), they show a picture no larger than 5 pixels, and that the font size in the tables is “+1” with IE (and I don’t know why, just that this is ugly).

(bad, IE7 & IE) instead of (good, Firefox)

Does anyone have an idea of the reason behind it, a possible explanation – and even better, a solution ? ^^ Thanks a bunch if you have ! :)

Subscribe
Notify of
guest

15 Comments
oldest
newest most voted
Inline Feedbacks
View all comments
Doujin Land
Doujin Land
16 years ago

hey, I use direct image linking and it works in ie so try this code.
try using img src= instead and see if it works :D.

Doujin Land
Doujin Land
16 years ago

try this code:

“”

without brackets

Doujin Land
Doujin Land
16 years ago

uh it didn’t show up

p style=”text-align: center”> at the end

Doujin Land
Doujin Land
16 years ago

weird I guess html can’t be posted..

Oliver AKA The Admin
Oliver AKA The Admin
16 years ago

Yeah, the comments are in HTML format, so html cannot be pasted here, I guess that’s making things harder :D

Simply said, the only fast solution is to add spaces everywhere, like this : < a href = "http://www.image.jpg" / >

Sorry ’bout that :D

cooper88
16 years ago

Hey mate,

IE is so messed up lol,

Try manually setting the width and height of the pic and see what that gives.

anonymous stranger
anonymous stranger
16 years ago

The font size problem you’re experiencing stems from IE refusing to recognize the inheritance of ‘font’ properties from the ‘body’ tag for ‘table’ and its descendants. That is to say, if you declare a default set of ‘font’ definitions for ‘body’ in your stylesheet, do not expect them to apply to table contents. Dumb.

Work around this problem by setting your default font definitions on ‘body, td, th’ or ‘body, table *’, but this should be resolved as of IE7. Should, they say.

Better yet, don’t use tables to accomplish simple layout tricks like that. Instead, apply a class “float-left” or “float-right” to a ‘div’ tag, and wrap the image in that. Since ‘img’ acts a little flaky between browsers, wrapping in a ‘div’ gives consistent access to ‘margin’, ‘padding’, ‘border’, and other essential rendering model properties, including ‘float’ and ‘position’.

Use “position: relative;” and “float: left;” or “float: right;” on your image wrapper to accomplish the same effect. If you’re worried about the floating image doing strange things in short posts, finish each with a ‘hr’ tag with style “clear: both;”, which will push below any hanging elements.

Oliver AKA The Admin
Oliver AKA The Admin
16 years ago

That means IE REALLY is stupid, it isn’t even fixed in IE7 oO

Thanks a bunch for the explanation, now I understand why it was so fooked up. My thanks and gratitude to you, Anonymous :)

Time to learn how to apply that floating inside my texts, I guess… It was already a nightmare to CSSize it, and now it continues :D

Oliver AKA The Admin
Oliver AKA The Admin
16 years ago

Sigh, and now I discover that aligning vertically text with css style is another nightmare.

There are dozens of methods, none simple or working when you don’t know in advance how big your text will be.

If someone has an idea as to what improvement to bring to that code, you are most welcome to share…

<div>
<div style=”float: left”> <img
src=”http://www.hentairules.net/wp-content/hatsu_cover.jpg” alt=”Hatsu
Inu 2 Hentai Episode English” height=”285″ width=”200″
/></div>
<div style=”display: table-cell; vertical-align:
middle”>This is the text that should be on the right part,
inside a div</div>
</div>
<div style=”clear: both”></div>

Mind you, the comments are in html, so what I actually wrote was
&lt;div&gt;<br>
&lt;div style=”float: left”&gt; &lt;img
The source code to show such characters can be easily obtained with the editor nvu, or you can just insert spaces before and after the < and > tags, so that this isn’t recognized as html ^^

anonymous stranger
anonymous stranger
16 years ago

Since I’m not entirely sure what you’re trying to accomplish with the vertical align rule, I can’t really advise you there. In order to layout that post with the main image left and the three smaller images below the text, I’d do it like so:

[entrytitle]

Lorem ipsum erat dicam minimum ei cum, ad integre definiebas has. Soleat inermis epicuri vix ex, no luptatum verterem adversarium eum, mollis aliquando comprehensam ut vis. Mea meis lucilius id, rebum lobortis contentiones ius ne. Ei mei falli omnium efficiendi, electram inciderint qui ei. Et eam tritani recusabo, vim eros novum error ex. Choro debitis pro an, no his accumsan appellantur, nec qualisque intellegat an.

Ex has munere ocurreret, mundi fastidii democritum no eum. An ius nulla equidem, ne est facilis quaestio. Quo te brute ceteros, quo sale gubergren cu. Graeco nemore an has. Mel praesent torquatos intellegat in, pro ignota necessitatibus eu. Cu mel omnes adipisci intellegam.

anonymous stranger
anonymous stranger
16 years ago

You’ll have to check the HTML for the post to see what I’m talking about…

Oliver AKA The Admin
Oliver AKA The Admin
16 years ago

Well, anonymous stranger, the comment’s body contained no html at all, so I guess it sort of bugged away :/

Yuki : je suis pass? de 480 erreurs ? 35 erreurs, c’est impossible de faire mieux :D
– le HTML de mes sponsors est buggy mais c’est LEUR code, j’y touche une virgule, ils le voient, je suis kick?
– wordpress a un micro-bug dans le “template” des blog notes, ?a impose dans la “sortie html” pour l’affichage chez les visiteurs un < p > au d?but et un < /p > ? la fin, donc forc?ment le validator n’aime pas du tout des < p > ? l’int?rieur d’une autre balise < p > – alors qu’il n’y a pas le choix, c’est comme ?a !
– mon template a un /div en trop ? la fin, selon le W3C, ce qui g?n?re des erreurs en cascade dans l’analyse… mais si je corrige ?a le template bugge ? fond, va comprendre :D

Bref, je plafonne net ? 35 erreurs, un ?norme effort ferait tomber ?a ? 30, et pas moyen de faire mieux.

Je doute que ?a soit la cause :/

Yuki
Yuki
16 years ago

Essaie d?j? de rendre ton site valide XHTML avec celui-ci: http://validator.w3.org/
Ca devrait aider un peu.

Et juste un truc pour ton upload de fichiers, essaie mediafire: 100Mo max par fichier, t?l?chargements simultan?s possibles, compatibilit? avec la plupart des acc?l?rateurs et pas de temps d’attente (si je me souviens bien). Ce sera bien mieux que cacaupload et rapidmerde (et deposit files buggue ? mort). ;)

Et merci encore pour tous ces hentai, tu devrais aller faire un tour du c?t? des teams de scantrads FR telles que HHH, oasis, iscariote… (quoique le dernier n’est pas un site hentai, mais en traduit quelques uns dont des shiwasu no okina).

frits
frits
16 years ago

just wanted to ask if the bug is fixed because i gues its your css :P and i put our website in www so just check it and if it is not fixed il fix it for you for free :P

just mail to [email protected]

panchosenator
panchosenator
16 years ago

hey palm..ie sucks!!!try opera..opera is the best explorer that I have used..even betther than the mozilla
p.s:sorry by the english..