PDA

View Full Version : help: three columns

vauva
04-04-2004, 10:24 AM
okay, i just don't get it although it seems to be the most basic thing *hmpf* but otherwise it's easy to explain for you, then ^^"
i'm trying css for the first time and want to use the three columns layout. left and right columns are images, i don't want to put text or links there. in the center column i want an iframe, links over it and so on. where do i define these ones (same as fonts...). i tried to make an stylesheet that defines colours, fonts, background... for the center-column and linked it in the clumn-stylesheet (under <div id="center"> ) but that's not working. so what am i supposed to do?
thanks for your help O=)
kittycat
04-04-2004, 03:44 PM
Are you talking about the link attributes that aren't working? You can just use the regular a:link sections, or you could do this:

#center a:link {attributes}

And do that for the other link sections as well, put #center in front of it.

If that not you're referring to, a link to your page might help understand what you're trying to do.
vauva
04-04-2004, 08:05 PM
sorry, i don't know how to explain it in an understandable way *stupid*
hm i didn't upload the page yet, as i'm not succesful in doing it *g*
well, i wanted to do it like that:
<html>
<head>
<title>Matthea</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#left {
position: absolute;
left: 0px;
padding: 0px;
top: 0px;
width: 195px;
}

#center {
margin-left: 195px;
padding: 0px;
margin-right: 195px;
top: 0px;
}
#right {
position: absolute;
right: 0px;
padding: 0px;
top: 0px;
width: 195px;
}
</style>
</head>

<body>

<div id="left">
<img src="bgl.jpg">

</div>


<div id="center">

here i want to put links and an iframe for texts. where do i put the stylesheet that defines the fonts of the text? and where do i put the iframe?

</div>

<div id="right">

<img src="bgr.jpg">
</div>

</body>
</html>
kittycat
04-04-2004, 09:28 PM
Just include the iframe code right inside that centre div, where you have the blue text now.
You'll have to include a stylesheet on the page inside the iframe for any links/text etc that is in there.

Do you you want the links in the iframe or outside it? if you want them inside it just have
links <br>
iframe code.
vauva
04-05-2004, 07:35 AM
hi ^^"
okay, creating the iframe like you discribed it works =) but i still don't understand where to write, for example the code for the iframe-scrollbars.
the links should be over the iframe, so the pages (texts) that are linked there appear in the iframe.
did i get that right? i have to make a stylesheet and put it on every site that is linked to define the fonts of the text in the iframe? okay, think that should work. i'll just try some things and hope it'll work *g*
just could you explain me what to do to change the scrollbars of the iframe? thaaanks =)
Rosey
04-05-2004, 05:31 PM
put it in your css, if you want all your scrollbars to have the same color, main browser and iframe, just put it in your external style sheet that you will be linking on every page.

If you only want it on the iframe, put a <style type="css/text"> body {scroll bar stuff}</style> in the head of ALL your pages you are going to have linked to the iframe.