• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

question about CSS

T

trekchick

New Member
Alright, I've a had it once again. For the whole evening I've been fighting with CSS.

For some unknown reason my browser (IE 5.x, Win 2000 on linuxcluster) won't display the page correctly when I preview it. It completly ignores the rel link to the CSS file.

Does anybody have an explanation? I'm almost sure I did everything right. Are the safety measures of my university once again the culprit?

Please help, this time I really need CSS and can't hack around it.

:chicken:
trekchick
 
That's the tag in the html file:

<LINK REL="stylesheet" HREF="./bilingual.css" TYPE="text/css" MEDIA="screen"/>

And that is the CSS itself:

BODY {margin: 0;
marginheight:0;
marginwidth:0;
spacing:0;

background-color: #0000000;
background-image: url(background.gif);

scrollbar-base-color: violet;
scrollbar-arrow-color: lemonchiffon;
scrollbar-DarkShadow-Color: black;

}


font: {face: Verdana, Arial, Helvetica; color: lemonchiffon; size: 2em}

a.en:link { color: lemonchiffon; text-decoration: none }
a.en:active { color: purple; text-decoration: none }
a.en:visited { color: lemonchiffon; text-decoration: none }
a.en:hover { color: purple; text-decoration: underline }

a.de:link { color: purple; text-decoration: none }
a.de:active { color: lemonchiffon; text-decoration: none }
a.de:visited { color: black; text-decoration: underline }
a.de:hover { color: lemonchiffon; text-decoration: underline }

p.en: { color: lemonchiffon; font-family: sans-serif; align: left; size: 2 em}
p.de: { color: violet; font-family: sans-serif; align: right; size: 2em}

h.en: {color: ; font-family: sans-serif; size: 2em }
h.de: {color: ; font-family: sans-serif; size: 2em}

---

My main problem is that the site is bilingual. I want one paragraph in one language aligned right and the next paragraph in the other language in a different color aligned left.

for example:

english paragraph < ---------------------------

------------------------------------ > hebrew paragraph

english paragraph <---------------------------

-------------------------------------> hebrew paragraph


How do I do this?

trekchick
 
Last edited:
1. I think this is what you want for the Hebrew paras:
<p dir="rtl">
Hebrew blah blah</p>

2. In your LINK REL, is "./" referring to the root directory? If so, are you sure that is the right way to refer to it? I think just "/" is the usual. If it means "one directory up" you lack a dot, "../".
 
I know that the relative path is correct. with ./ .

It must be me or my stupid browser.

Most important is that I get the paragraphs in different colours. If it doesn't work out, I'll have to make a mirror site. Right now I'm so tired that I don't really care.

:yawn:
trekchick
 
Sheesh, now I see you say aligned right - I thought you said the text should be read from right to left. Sorry :eek::

What's wrong with 'text-align: right' and 'color: #xxxxxx'?

If the CSS doesn't show up at all it must be a problem with the path and/or file name. Try a path relative to the html document instead and see what happens.
 
<link rel="stylesheet" href="exacturltocssfile" type="text/css">

you had "/> .. which is wrong
 
No, it's XHTML. All tags must be closed and empty tags can be closed using a slash. Like <img /> <br />
 
Originally posted by meow
No, it's XHTML. All tags must be closed and empty tags can be closed using a slash. Like <img /> <br />
Click to expand...

This is not a tag.

i am correct .. i do this for a living ... trust me


Another example which don't need </>

<img scr="pathtoimage" alt="Stupid image">
 
Yes, it's "shorthand" for closing an empty element in XHTML. Believe me. :p
<img></img> or <img />
Just <img> isn't valid XHTML.
 
Originally posted by meow
Yes, it's "shorthand" for closing an empty element in XHTML. Believe me. :p
<img></img> or <img />
Just <img> isn't valid XHTML.
Click to expand...

it will work though

<img scr="image.gif">
 
Yeah. Sure. A lot of pople must be very confused then. If you please just go to the URL I provided and read 10 lines or so you may change your mind.
I give up. :confused2
 
Originally posted by meow
Yeah. Sure. A lot of pople must be very confused then. If you please just go to the URL I provided and read 10 lines or so you may change your mind.
I give up. :confused2
Click to expand...

i'm right :D

the code i gave was for HTML its proven to work.
 
You must log in or register to reply here.
Back
Top