PDA

View Full Version : Is it the span?

IMALoser
05-03-2004, 09:20 AM
I'm not really sure if this is a CSS type of question but I placed it here because it seems more HTML-ly

Anyway, I was wondering what causes the horizontal scrollbar from showing up or stretching? I made an 300x300 px. iframe that had scrollbars on auto. Then I used a span code to keep the text and images not to exceed 295px but still it doesn't seem to work!>_<

Here's my span code: <SPAN style="position:absolute; top:5; left: 0px; right:*; bottom:*; FONT-SIZE: 6pt; WIDTH: 295px; COLOR: #000000; FONT-FAMILY: Small Fonts, Verdana, Tahoma; font-variant: small-caps; HEIGHT:*">

I don't think it's changed over the last time I was here too.

I just don't know what else to do to keep the horizontal scrollbar from stretching. It makes the page look ugly. :buckt: Help plz?
Sheila
05-03-2004, 11:33 AM
You don't want the horizontal scrollbar at all?

If so, try this:

<BODY style="overflow-x:hidden;">
pb&j
05-03-2004, 01:19 PM
you can delete these parts...

right:*;
bottom:*;
HEIGHT:*

there is no such value as * for those. have the * in there might be causing some problems.

after that, if problems persist, please link to the page in question as something else may be the real problem.
IMALoser
05-03-2004, 02:02 PM
You don't want the horizontal scrollbar at all?

If so, try this:

<BODY style="overflow-x:hidden;">

Well I tried it but now the rest of the paragraph can't be read. >_< I want to be able to align the whole thing without exceeding the given space which is 295 pixels. And also, I'd like it to be justified but it doesn't seem to work either.

Look at the pages I made: http://dissonance.true.ws

All the pages except the bio have exceeded what I specified. Maybe, I did something wrong but I can't pin point what even after I tried the tips above.
MaGiCSuN
05-03-2004, 03:22 PM
on your about.html page you have to add a </head> tag right after the stylesheet.

Then in your stylesheet font-face should be font-family

plus you have to delete what pb&j told you to delete. It's still there :)

and you can merge these two body tags together:

<BODY onLoad="snapSetup()">
<body bgcolor="#999999">

to get this: <body bgcolor="#999999" onLoad="snapSetup()">
and put this after the </head> tag

Love,
Mirna
jtchange
05-03-2004, 07:40 PM
The best thing to do is just mave it a div instead of a span. A div can allow more properties such as text-align, which is why you cannot justify or align your text.
Here's what I think you should do:

<div style="width:295px; text-align:justify;">your content here</div>
that will make it so that your text will be justified while keeping your div only 295px wide. Add more parameters to it as needed.
IMALoser
05-04-2004, 02:26 AM
on your about.html page you have to add a </head> tag right after the stylesheet.

Then in your stylesheet font-face should be font-family

plus you have to delete what pb&j told you to delete. It's still there :)

and you can merge these two body tags together:

<BODY onLoad="snapSetup()">
<body bgcolor="#999999">

to get this: <body bgcolor="#999999" onLoad="snapSetup()">
and put this after the </head> tag

Love,
Mirna

I've pretty much done all that you guys said. I changed the span to div and even placed left: 0px but it still doesn't seem to work.

I've only changed the codes on the main page though (the first thing that loads in the iframe) and it doesn't work so it means it won't work on the other pages either.

It's like it automatically does that. The text is thankfully now justified but it still scrolls which is my main concern.

Could there be anything else I missed?
Rosey
05-04-2004, 04:23 AM
Instead of having a bunch of divs in your main.html, just use one.
IMALoser
05-04-2004, 12:40 PM
Instead of having a bunch of divs in your main.html, just use one.

That was necessary for the "updates" link not to turn small-caps.

Thanks anyway. I think I've fixed it with a bit of combination with what Sheila said and decreasing the width: 295px to 270px.

Again, I appreciate the help. :fly2: