PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
V

Css layout

Door Vincent op 03-12-2006 12:19
2.101 views
Ik heb mijn eerste site met css gemaakt.
http://vincent.fleringen.net/peter/
Ik had een paar vraagjes.
Waarom doet hij het wel goed in IE en niet in FF?
En hoe maak ik de links via css zo dat als ze nog niet aangeklikt ze zwart en niet onderlijnt zijn?

kijk dit is de goeie in IE:
http://vincent.fleringen.net/peter/ie.bmp
en dit de slechte in FF:
http://vincent.fleringen.net/peter/ff.bmp

als het goed is zie je meteen het verschil

Alvast dank
P
PHP Newbie
03-12-2006 12:21
Je moet je lay-out zo maken dat ie in FF werkt. En vervolgens ga je hem proberen werkend te krijgen in IE. Niet andersom.

Voor je 2e vraag:

text-decoration: none;
V
Vincent
03-12-2006 12:22
hou laat je hm werken in FF dan? Wat moet ik aanpassen?
dit is css:

.header {
border: 1px solid #393939;
margin: 20px;
height: 120px;
BODY {font-family: Helvetica; background-color: lightgrey}
width: 100%px;
}

.menu {
border: 1px solid #393939;
position: absolute;
left: 30px;
top: 160px;
width: 200px;
height: 220px;
BODY {font-family: Helvetica; background-color: lightgrey}

}

.content {
border: 1px solid #393939;
top: 0;
margin-left: 250px;
margin-right: 20px;
BODY {font-family: Helvetica; background-color: lightgrey}

}

h2 {
background-image: url(h2_image.gif);
border-bottom: 1px solid #393939;
margin: 0px;
padding: 0px;
font-weight: normal;
BODY {font-family: Helvetica;
height: 10px;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
}

h3 {
background-image: url(h2_image.gif);
border-top: 1px solid #393939;
margin: 0px;
padding: 0px;
font-weight: normal;
BODY {font-family: Helvetica;
height: 10px;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
}


h5 {
background-image: url(link.GIF);
border-top: 1px solid #FFFFFF;
margin: 0px;
padding: 0px;
font-weight: normal;
BODY {font-family: Helvetica;
height: 10px;
color: #FFFFFF;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
a {color: black}
a:visited {color: black}
a:active {color: black; font-weight: bold}
a:hover {background-color: lightgrey}
}


h6 {
background-image: url(link2.GIF);
border-top: 1px solid ##FFFFFF;
margin: 0px;
padding: 0px;
font-weight: normal;
BODY {font-family: Helvetica;
height: 10px;
color: #FFFFFF;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
a {color: black}
a:visited {color: black}
a:active {color: black; font-weight: bold}
a:hover {background-color: lightgrey}
}

i (color: orange);

body (background-color: orange}
Jan Koehoorn
03-12-2006 12:29
Uit je eerste post:
Waarom doet hij het wel goed in IE en niet in FF?

Dat is niet specifiek genoeg. Je moet precies beschrijven wat de verschillen zijn.
P
Pieter Boussaer
03-12-2006 12:46
in je html pagina staat dit

<html>
<head>
<title>Mijn homepage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</style>
</head>

die </style> moet daar niet staan.
V
Vincent
03-12-2006 12:48
@Pieter
dat verandert niks:S
R
Raymond ---
03-12-2006 13:29
Er zijn heel wat fouten (zie hierboven) maar wat volgens mij ook niet kan is dit:
.header {
BODY { }
}
want dat doe je
V
Vincent
03-12-2006 13:39
Hoe dan?
Jan Koehoorn
03-12-2006 13:46
Zo:

    body {

    }
    
    .header {

    }


• body is bedoeld voor alle stijlregels die je op het body element toe wilt passen
• header is bedoeld voor alle stijlregels die je op elementen met de class 'header' toe wilt passen

Die moet je dus apart houden.

Reageren

Inloggen om te reageren