help please (CSS Layouts)

N

Neil Monk

Hi, please take a look at http://www.neilmonk.com/new/Untitled-2.php

The page looks okay in the sense that everything is laid out how it should
be (at least when viewing in at 1024x768 with IE maximum sized windown),
however, try resizing the WIDTH of the window. Once lower than a certain
width, it all goes to pot (main problem in the logo overlaps everything.

Please note that the menu div is a PHP includes to "
http://www.neilmonk.com/menu.php ", just FYI.

so, any ideas guys, because I'm new to both Dreamweaver and to this CSS
layouts thing.
 
M

Mark Parnell

None of that in the validator seems to relate to the layout....?

No way of knowing until you fix it. :)

You should check the CSS validator too.
http://jigsaw.w3.org/css-validator/

BTW: Using Dreamweaver is in no way going to make your site more
accessible. Only you can do that, and unless you know what you are
doing, Dreamweaver can only make it worse.
 
N

Neil Monk

Neil said:
Hi, please take a look at http://www.neilmonk.com/new/Untitled-2.php

The page looks okay in the sense that everything is laid out how it
should be (at least when viewing in at 1024x768 with IE maximum sized
windown), however, try resizing the WIDTH of the window. Once lower
than a certain width, it all goes to pot (main problem in the logo
overlaps everything.

Please note that the menu div is a PHP includes to "
http://www.neilmonk.com/menu.php ", just FYI.

so, any ideas guys, because I'm new to both Dreamweaver and to this
CSS layouts thing.

Ok, been having a play, and I now have come up with
http://www.neilmonk.com/new/index.php

As you couldn't answer my question, just fyi, the answer seems to lie in the
"position" command in the CSS.

Its still not perfect, but its much better thn it was.
 
R

rf

Neil Monk said:
Ok, been having a play, and I now have come up with
http://www.neilmonk.com/new/index.php

Why is there so much blank space to the right of your content?

That stuff from the BBC is so small as to be unreadable.
As you couldn't answer my question, just fyi, the answer seems to lie in the
"position" command in the CSS.

What? It is only 5 hours between your original post and this one. That is
not nearly long enough for everybody to see your post.

I for one was in bed for most of those hours and am now enjoying my second
caffeine fix for the morning.
Its still not perfect, but its much better thn it was.

Didn't see the first one.
 
N

Neil Monk

rf said:
Why is there so much blank space to the right of your content?
There will be some more stuff going there, namely (well, hopefully if I can
ind how to do it - details of what my WinAmp is playing)
That stuff from the BBC is so small as to be unreadable.
That is goverened by the feed the BBC provide me with.
What? It is only 5 hours between your original post and this one.
That is not nearly long enough for everybody to see your post.
I didn't say everyone HAD seen my post....Just saying that people couldn't
answer it, whether that was because they didn't see it makes no odds
I for one was in bed for most of those hours and am now enjoying my
second caffeine fix for the morning. :)

Didn't see the first one.
No, because stupid me didn't keep the original there so that people would
benefit from this thread.....

OOOOPS :-(
 
R

rf

Neil Monk wrote
That is goverened by the feed the BBC provide me with.

<quote src="bbc">
<!-- hide from old browsers
document.write('<style type="text/css"> <!--#BBCNewsCol
div{font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif, "MS
sans
serif";color:#000000;padding:0px;letter-spacing:normal;font-variant:normal;v
ertical-align:baseline;text-indent:0;text-transform:none;word-spacing:normal
;position:relative;}
</quote>

Hmmm. I see what you mean. Dreadfull isn't it. Cargo cult stuff and all :)

Of course you could put this:

<script type="text/javascript>
document.getElementById('BBCNewsCol').id = "mydiv";
</script>

just after the bit that puts the BBC stuff in there. That way you can style
mydiv however you want. You could even make it fit in with the colour
scheme of your page.
 
N

Neil Monk

rf said:
Neil Monk wrote

<quote src="bbc">
<!-- hide from old browsers
document.write('<style type="text/css"> <!--#BBCNewsCol
div{font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif,
"MS sans
serif";color:#000000;padding:0px;letter-spacing:normal;font-variant:normal;v
ertical-align:baseline;text-indent:0;text-transform:none;word-spacing:normal
;position:relative;}
</quote>

Hmmm. I see what you mean. Dreadfull isn't it. Cargo cult stuff and
all :)

Of course you could put this:

<script type="text/javascript>
document.getElementById('BBCNewsCol').id = "mydiv";
</script>

just after the bit that puts the BBC stuff in there. That way you can
style mydiv however you want. You could even make it fit in with the
colour scheme of your page.
I don't understand where you have got htat quoted source from...?

<!-- BBCi Syndication -->
<noscript>
<a href="http://www.bbc.co.uk/news" target="_BBC">
<img
src="http://news.bbc.co.uk/htmlsyndication/furniture/synd_js_error_js-inacti
ve.gif"
width="165" height="200" border="0" alt="BBCi: Javascript is not available
on this browser"/>
</a>
</noscript>
<script src="http://www.bbc.co.uk/syndication/html/jsserver/1083788300753"
language="JavaScript" type="text/javascript">
</script>
<!-- /BBCi Syndication -->

That is the source I insert in order to get the news ticker to work on my
page!
 
R

rf

Neil Monk wrote
I don't understand where you have got htat quoted source from...?

<!-- BBCi Syndication -->
<noscript>
<a href="http://www.bbc.co.uk/news" target="_BBC">
<img
src="http://news.bbc.co.uk/htmlsyndication/furniture/synd_js_error_js-inacti
ve.gif"
width="165" height="200" border="0" alt="BBCi: Javascript is not available
on this browser"/>
</a>
</noscript>
<script src="http://www.bbc.co.uk/syndication/html/jsserver/1083788300753"
language="JavaScript" type="text/javascript">
</script>
<!-- /BBCi Syndication -->

That is the source I insert in order to get the news ticker to work on my
page!

Yep. and
http://www.bbc.co.uk/syndication/html/jsserver/1083788300753
is the javascript you are linking to. I looked inside there.

Paste this (all of it) in your browsers address bar:

view-source:http://www.bbc.co.uk/syndication/html/jsserver/1083788300753
 
N

Neal

As you couldn't answer my question, just fyi, the answer seems to lie in
the
"position" command in the CSS.

Er, position is a property, not a command. There are no commands in HTML,
XHTML or CSS.
 
N

Neil Monk

rf said:
Neil Monk wrote

src="http://news.bbc.co.uk/htmlsyndication/furniture/synd_js_error_js-inacti

Yep. and
http://www.bbc.co.uk/syndication/html/jsserver/1083788300753
is the javascript you are linking to. I looked inside there.

Paste this (all of it) in your browsers address bar:

view-source:http://www.bbc.co.uk/syndication/html/jsserver/1083788300753

So what would be the full code I include on my page then? I'm still
confused! And I never knew about that view-source thingy that you can put
into the address bar!
 
W

Webcastmaker

Er, position is a property, not a command. There are no commands in HTML,
XHTML or CSS.

Nice, this is about the first time I have seen someone get corrected
without getting belittled for saying something like this.
 
M

Matthias Gutfeldt

Webcastmaker said:
Nice, this is about the first time I have seen someone get corrected
without getting belittled for saying something like this.

Who are you, Mrs. Manners??


Matthias
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,054
Latest member
TrimKetoBoost

Latest Threads

Top