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

css lukt niet :(

Door Altin op 19-02-2006 15:16 gewijzigd op 19-02-2006 15:17
514 views
Hallo iedereen :)
Ik probeer een site die ik gemaakt heb, om te zetten in css omdat ik met tabels werkte, en dat niet zo goed was oor layouts ...
Maar het werkt wel niet :(
Het is warschijnlijk die height:100% dat het m niet doet :( zie bron hier:
http://62.195.37.233/e-xyper/
Wat doe ik verkeerd ?
aja , heb ook dit geprobeert maar werkt evenmin:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">;
<html>
<head>
<title>Site in CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#inlijsting {
height: 100%;
width: 648px;
background-image:url(images/bg_img2.gif)
}
#links {
height:100%;
width:46px;
}
</style>

</head>

<body>
<div align="center" id="inlijsting">
<div align="left" id="links"></div>
</div>
</body>
</html>

er moeten langs de linkerkant van de bg-img een paar pixels leeg staan ... hoe doe ik het beter ? (zodat het werkt)
bedankt

ik heb trouwes die 3 tuts al eens doornomen maar niet veel wijzer van geworden :(
A
Altin
23-02-2006 17:45
Renske schreef op 23.02.2006 17:02
als je met heights 100% werkt moet je in je body definitie is je CSS ook de height 100% meegegeven (dit is voor FF).

Verder zorgt de eerste regel (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">;
) ervoor dat dat niet kan. w3c kent geen 100% namelijk. Als je die regel verwijderd komt je pagina niet meer door de validator, maar hij zal zeker in alle browsers goed te zien zijn (LET OP JE BODY in je css)


NICE :)
Bedankt, met deze uitleg hoef ik niet een smijn hele code in css te erschrijven :)
Bedankt joh.
Trouwes, weet je ook wat hierop:
http://users.telenet.be/exyper/siteservice/index1.htm

De navigatie werkt niet in ie, er is plaats tussen de buttons :( in firefox werkt het pima :)

Bij voorbaat dank :)
R
Renske
24-02-2006 12:58
ik denk dat je probleem zit in de ruimte (in de code) tussen de images. Probeer ze eens op een rij te zetten dus als volgt:

<img src="images/nav_home.gif" width="207" height="38" alt="home"><img src="images/nav_services.gif" width="207" height="23" alt="services"><img src="images/nav_products.gif" width="207" height="24" alt="products"><img src="images/nav_portfolio.gif" width="207" height="23" alt="portfolio"><img src="images/nav_affiliates.gif" width="207" height="23" alt="affiliates"><img src="images/nav_about.gif" width="207" height="24" alt="about"><img src="images/nav_info.gif" width="207" height="22" alt="info"><img src="images/nav_contact.gif" width="207" height="34" alt="contact">

Dus geen <!-- --> ertussen (kan wel, maar je moet echt alles achter elkaar typen dan: <img src="images/nav_info.gif" width="207" height="22" alt="info"><!-- commentaar --><img src="images/nav_contact.gif" width="207" height="34" alt="contact">

Snap je???
A
Altin
25-02-2006 14:35
Ja en je hebt gelijk :P
Sroo dat ik pas nu heb gerageerd, ik had het gevonden :)
Had ik vroeger moeten weten eigenlijk want ik heb die plaats ertussen gezet >_<°

Reageren

Inloggen om te reageren