PDA

View Full Version : CSS image title and.... I need help!

nofx_justine
12-05-2003, 03:13 PM
Hi, I really don't know what I'm doing! I made a website for my band. After like 10 hours last night, I finally figured out the basic CSS thing. But the band name is an image, and I want it to go across the top. I made a site with 3 colomns and when I put the image in the center one, it starts from the center colomn. It's really annoying, I had to make the image smaller, but it's ugly. I don't know if anyone can understand what I mean?? Like, I want the image to be at the top center of the page. And I don't know how to do that with the colomns.

Another thing... How do I make linked pages open only in the center colomn?
MaGiCSuN
12-05-2003, 03:52 PM
did you used the css layout with 3 collumns for it? if so, you probably need to change some numbers and add a new class.. if you could post your whole coding from the layout that would be great :)

for your second question you will need iframes --> http://www.lissaexplains.com/frames.shtml#inline

Love,
Mirna
nofx_justine
12-06-2003, 12:35 AM
Hey, I think I figured out the image/title thing.

I don't like iframe because it has a stupid scrollbar! I don't want a scrollbar in the middle of the page and I try to put in the code to make the scroll bar invisible, but it doesn't work. So I think I'll just do like a small pop up page.

How do you make those?? I want like a pop up page (not full screen) that doesn't have any toolbars at the top. It's for my links. For example, the band members, I'll put the link to one member and when people click it just a little thing pops up with all her info. Get it??
nofx_justine
12-06-2003, 01:16 AM
aah, this is so annoying and hard!! Ok, here's my whole code... please help! How do I do the popup window? It didn't work when I tried it (because I don't get it).

<html>
<head>
<title>CuTLaSS LiZ</title>
<style type="text/css">

A:link
{ text-decoration: underline; color:#FF0000; }
A:visited
{ text-decoration: underline; color:#FF0000; }
A:active
{ text-decoration: underline overline; color:#FF0000; }
A:hover
{ text-decoration: none; color:#FF0000;

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

{background: #000000;
background-image: url(checker.jpg);
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
}

{ font-family: Times New Roman;
color: #FF0000 ;
font-weight: bold;
font-size: medium; }

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

#center {
margin-left: 200px;
padding: 0px;
margin-right: 200px;
margin-top: 0px;
}

textarea
{ background: #FF0000;
font-family: Arial;
color: #000000;
border-style: double;
border-color: #FF0000;
border-width: 8px; }

#right {
position: absolute;
right: 15px;
padding: 0px;
top: 150px;
width: 150px;
}


</style>
</head>

<body>

<center>
<img src="cooltext_logo.jpg">
</center>

<div id="left">
<center>
<table border="0" cellpadding="5" cellspacing="10" width="200">
<tr>
<td bgcolor="#000000" width="125" >
Band:<br>
<a href="sophie.html">Sophie</a>: lead guitar<br>
<a href="annie.html">Annie</a>: vocals/guitar<br>
<a href="justine.html">Justine</a>: bass<br>
</td>
</tr>
</table>
</center>
</div>


<div id="center">
<center>
<form ACTION=URI><textarea rows="10" cols="25" >
december 5, 2003;

Hey, we're a progressive/rock band from the Outaouais. We don't have a drummer, so if you play drums, happen to live around Ottawa/Hull and you're 18 or older, drop us a line!

cutlass_liz@hotmail.com
</textarea></form>
</center>
</div>

<div id="right">
<center>

</center>
</div>

</body>
</html>
hockyfan641
12-06-2003, 03:33 AM
change background-image: url(checker.jpg); to background-image: url("checker.jpg");

to pop up a window you have to add window.open to your a href tag(I think)