Resultatet blev att alla färger försvann från texterna och bilden vägrar lägga sig till höger och sätter sig istället på toppen. Jag har två bilder för att visa vad jag menar.
Så här ser det ut i Design View i Dreamweaver, och det är så jag vill att sidan skall se ut:
Istället får jag det här i både Firefox och Internet Explorer:
Bredd på bilden är 250px, bredd på article och article->content är 630px, så det är inte konflikt där. Sen skall ju titel-texterna vara blå, men de blir istället svarta.
Inget är ändrat i css-koden, förutom att jag la till en regel för klassen picRight, som säger Float:Right och marginal på 20px till vänster och nedåt.
Har prövat att kommentera ut den regeln och ta bort bilden, men färgerna på tiel-texterna är fortfarande borta.
Här är hela CSS-dokumentet, har gått genom det ett par gånger utan att hitta några fel:
Visa spoiler
charset "utf-8";
/* CSS Document */
/* Tags */
p{
line-height: 22px;
}
header{
float: left;
width: 930px;
height: 140px;
padding: 0 15px 0 15px;
}
nav{
float: left;
width: 960px;
height: 40px;
}
article{
float: left;
width: 630px;
}
article section{
float:left;
width: 600px;
margin:0 0 10px 0;
padding:0 15px 0 15px
}
article section a{
color:#66F;
text-decoration:none;
}
article section a:hover{
text-decoration:underline;
color:#00C;
}
aside{
float:left;
width:285px;
margin-left: 15px;
padding:0 15px 0 15px;
}
/* ID's */
#wrapper{
width: 960px;
/* margin Top Sides Bottom */
margin: 0 auto 0;
position: relative;
}
#footer{
clear:both;
width:930px;
height:100px;
padding: 0 15px 0 15px;
/* Classes */
/* Typography */
h1, h2, h3, h4, h5, h6 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
}
header h1{
font-family:"Courier New", Courier, monospace;
font-size:55px;
}
h1{
color:#39F;
}
h2{
color:#09F;
}
/* tools */
.picRight{
float:right;
margin:0 0 20px 20px;
}
/* CSS Document */
/* Tags */
p{
line-height: 22px;
}
header{
float: left;
width: 930px;
height: 140px;
padding: 0 15px 0 15px;
}
nav{
float: left;
width: 960px;
height: 40px;
}
article{
float: left;
width: 630px;
}
article section{
float:left;
width: 600px;
margin:0 0 10px 0;
padding:0 15px 0 15px
}
article section a{
color:#66F;
text-decoration:none;
}
article section a:hover{
text-decoration:underline;
color:#00C;
}
aside{
float:left;
width:285px;
margin-left: 15px;
padding:0 15px 0 15px;
}
/* ID's */
#wrapper{
width: 960px;
/* margin Top Sides Bottom */
margin: 0 auto 0;
position: relative;
}
#footer{
clear:both;
width:930px;
height:100px;
padding: 0 15px 0 15px;
/* Classes */
/* Typography */
h1, h2, h3, h4, h5, h6 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
}
header h1{
font-family:"Courier New", Courier, monospace;
font-size:55px;
}
h1{
color:#39F;
}
h2{
color:#09F;
}
/* tools */
.picRight{
float:right;
margin:0 0 20px 20px;
}
One pill makes you larger, one pill makes you small, but the pills that mother gave you don't do nothing at all
