[CSS]van frames/tabellen in divjes/css

Een vraagje tijdens mijn knutselen :)

Kan je dit :
border-bottom: 1px solid black;

ook zo:
border-bottom: url("../images-algemeen/bg-02.jpg");
Zodat ik hiermee een rand kan maken?

volgens mij niet. Wat voor rand wil je hebben dan? Er bestaan veel varianten voor solid, zoals dotted enz.

De site die ik nu heb dan in divjes.
Je kan in de linken hierboven zien wat het nu is en hoever ik ben...

Zoals je ziet zit onderaan geen ruimte en aan de linker en rechterkant en bovenaan wel. Snap er niks van.

Dus een goudenrand zoals er nu in de oude opzet is.

Dit:

Wil ik soms iets wat niet kan?

Ik heb rond de divjes nu borders staan zodat goed te zien is hoe de divjes lopen.

*bump* voor Jan :)

Hoi Lissy

wat je wilt, kan wel hoor. Een paar vraagjes:

1) blijft de hoogte van de content altijd gelijk?
2) blijft de breedte van de content altijd gelijk?

Die goudenrand maak ik dan dunner maar ik weet niet hoe ik dit moet doen in divjes.
Dit is de CSS:

html, body {
margin : 0px 0px 0px 0px;
/* De volgorde is, top, right, bottom, left. */
padding : 10px 0px 10px 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style : normal;
font-weight : bold;
position: relative;
width : 100%;
height: 100%;
background: url("../images-algemeen/bg-03.jpg");
}

#container {
margin: 0px auto;
position: relative;
padding : 0px 0px 0px 0px;
width: 95%;
height: 95%;
text-align: left;
border-bottom: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
border-top: 0px solid black;
/*background: url("../images-algemeen/bg-01.jpg");*/
}

#bovenkant {
height: 42px;
width: 100%;
text-align: center;
background: url("../images-algemeen/bg-01.jpg");
/* background-color: #a4b3d0; */
border-bottom: 0px solid black;
border-left: 2px dotted #320733;
border-right: 2px dotted #320733;
border-top: 2px dotted #320733;
}

#links {
float: left;
position: relative;
width: 150px;
height: 100%;
margin : 0px 0px 0px 0px;
/* De volgorde is, top, right, bottom, left. */
padding : 0px 0px 0px 0px;
border-bottom: 1px solid black;
border-left: 2px dotted #320733;
border-right: 1px solid black;
border-top: 1px solid black;
background: url("../images-algemeen/bg-01.jpg");
}

#content {
margin-left: 0px;
/* De volgorde is, top, right, bottom, left. */
padding : 0px 0px 0px 0px;
position: relative;
overflow: auto;
height: 100%;
text-align: justify;
border-bottom: 1px solid black;
border-left: 0px solid black;
border-right: 2px dotted #320733;
border-top: 1px solid black;
background: url("../images-algemeen/bg-01.jpg");
}

#bodem {
width: 95%;
height: 3%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #320733;
font-size: 10px;
font-style : normal;
font-weight : bold;
position: fixed;
bottom: 0px;
/* De volgorde is, top, right, bottom, left. */
margin : 0px 0px 0px 0px;
padding : 0px 0px 00px 0px;
text-align: center;
background: url("../images-algemeen/bg-01.jpg");
/* background-color: #a4b3d0; */
vertical-align: middle;
border-bottom: 2px dotted #320733;
border-left: 2px dotted #320733;
border-right: 2px dotted #320733;
border-top: 1px solid black;
}

/*Een div centreren:*/
#submenu {
margin: 0px auto;
width: 300px;
}

h1 {
font-size: 250%;
text-align: center;
margin: 0px;
padding: 5px;
}

ul {
border: 0px solid black;
/* list-style-image: url('../images-algemeen/paw.gif'); */
list-style-type: none;
padding: 0 px;
margin: 0px;
}

a:link {
color: #320733;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

a:visited {
color: #320733;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

a:hover {
color: #4E7C34;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

a:active {
color: #4E7C34;
text-decoration: none;
font-weight : bold;
font-family: verdana;
font-size: 12px
}

#scroll {
width: 610px;
height: 25px;
position: relative;
margin-left: 129px;
margin-top: -402px;
padding: 0px;
background-color: white;
border-left: 1px solid red;
border-right: 1px solid red;
border-bottom: 1px solid red;
border-top: 1px solid red;
text-align: center;
}

Jan Koehoorn schreef op 12.03.2006 17:46

Hoi Lissy

wat je wilt, kan wel hoor. Een paar vraagjes:

1) blijft de hoogte van de content altijd gelijk?
2) blijft de breedte van de content altijd gelijk?

1) Nee de hoogte van het content is variable
2) Ja de breedte van het content blijft gelijk