I have a strict doc type: However, I am still unsure about css. Problems I have now are to do with floating both navigation lists. I have used tables and divs, as layouts are just too difficult for me to take on right now, but maybe this is causing problems.
The left navigation does not sit right ie flush to the left of the page. The top navigation does not float to the right flush either. I hesitantly post this question as a previous...
quartzy
Last Activity: Dec 30 '07, 10:04 PM
Joined: Dec 15 '07
Location:
-
place navigation correctly
-
I am learning this css and I cannot see any errors. I cannot validate it as I am developing a new website and it is not yet loaded any where. Needless to say I do not like your tone, you had to start somewhere didn't you? -
I fixed the jumbled up problem but now I still have the problem of no border boxes, but I have them on hover.Leave a comment:
-
I am back again, the code worked fine in an empty page but when I added it to my external style sheet, it has gone wrong again, the links appear at the edge of the header, all jumbled up and without their boxes in firefox but work OK in ie.
[code=css]
body {
font-family: Verdana, sans-serif;
margin: 0;
padding: 0;
}
#container {
position: relative;
...Leave a comment:
-
hi
yes it all works good now, thanks very much for your help deathLeave a comment:
-
hello again, they work good I placed the code in the external css and it all work good. Still have a problem with the header though.
Thanks for your help, css is so simple yet so hard to learnLeave a comment:
-
Yes
they are just like what I want but with different colors, fonts, backgrounds which I can amend, but I would rather do them in an external style sheet and not embedded like this. I'll have a go and probaly will be back, thanksLeave a comment:
-
thanks I will try it out an let you know.Leave a comment:
-
Do you mean that all divs are to be placed before the first body tag?Leave a comment:
-
I added the code to the image tag in the CSS...Leave a comment:
-
horizontal navigation
I am trying to horizontically place my links at the bottom of the header, in its own div.
But having problems, ie the numbers of the list are still there and the links are placed vertical and not horizontal, I thought the display: inline; would get rid of them being vertical.
[code=css]
body {
font-family: Verdana, sans-serif;
margin: 0;
padding: 0;
}
#container... -
yes, I tried that but it does not work. People seem to get layouts that are centred across the browser but I cannot figure out how it is done. I have followed a book and still it is wrong.Leave a comment:
-
amended HTML
[html]
<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<link rel="stylesheet " type="text/css" href="new_page_ 1.css">
</head><div id="container" >...Leave a comment:
-
Hi
Back again, everything works OK except that the header image is not centred when the full width browser is used, so that is not want I want.
CSS shows this: [code=css]
body {
font-family: Verdana, sans-serif;
margin: 0;
padding: 0;
}
#container {
position: relative;
width: 100em;
background-color: #E60073;...Leave a comment:
-
Hi
thanks for letting me know where I was going wrong, it works fine now.Leave a comment:
-
css layouts with background colour
I am trying to set up an elastic layout with a background colour, then the body centred. But it is not working in the browsers. Here is the HTML and CSS, it looks OK to me but I must be doing something wrong.
CSS[code=css]
#container {
position: relative;
width: 40em;
background-color: #E60073;
margin-left: auto;
margin-right: auto;... -
hello
thanks for replying to my post. I have started again and this time it works fine, but it is good to know this forum exists while I am learning.Leave a comment:
-
header divs using frontpage 2003
I have a problem, I am learning CSS and using frontpage to help me along. I am creating a website and already have difficulties, the header div is OK but the next div the layer 1 will not show when previewed in the firefox browser, I have a total of four divs on the page and they all show except this div.
Here is the code I have for it,
div.IDlayer1 { background color: #6600CC; text-decoration: none;
...
No activity results to display
Leave a comment: