I need some html help
Tue Aug 10, 2004 12:36 am
I have an image that I want to make a blog out of but I don't know how tho place the textareas on the image. I also don;t know how to make them transparent. here is the image.
Tue Aug 10, 2004 1:47 am
Is this a guild blog or a web blog? if it's a guild blog I can code it no problem for you.
Tue Aug 10, 2004 4:45 am
The image won't show up for me 
.
.
Re: I need some html help
Tue Aug 10, 2004 7:31 am
Assuming you mean coding as in shop blogs then I've a blog tutorial here. If you mean guild layouts though, you could try learning the basics off that tutorial and applying it to a guild layout. -.0
Tue Aug 10, 2004 9:07 am
That guide uses tables, which are not meant to be used in designing, only to format data (as in Excel, you know with all the columns etc 
)
Use div layers and CSS instead, gives you better control over the layout and lesser and cleaner code
http://www.w3schools.org to learn more about (X)HTML and CSS.
EDIT: I checked the images in your photobucket account, I would say about 3-5 divlayers.
EDIT again: http://ibisaeg.mine.nu/andras/Bloglayout
Ok, 2 divlayers then ;P
Although I think that the images is way to small, if you're gonna make a site out of them, I sit with 1280x960, and my winamp is bigger than that thing ;P And it was the biggest of the three I could find.
XHTML:
CSS:
)
Use div layers and CSS instead, gives you better control over the layout and lesser and cleaner code
http://www.w3schools.org to learn more about (X)HTML and CSS.
EDIT: I checked the images in your photobucket account, I would say about 3-5 divlayers.
EDIT again: http://ibisaeg.mine.nu/andras/Bloglayout
Ok, 2 divlayers then ;P
Although I think that the images is way to small, if you're gonna make a site out of them, I sit with 1280x960, and my winamp is bigger than that thing ;P And it was the biggest of the three I could find.
XHTML:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">
<head>
<title>Something</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="content">Hohoho, I can write things here! and it all wraps 'n stuff!! :D
</div>
</div>
</body>
</html>
CSS:
- Code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
font-size: 12px;
}
#container {
margin: auto;
width: 425px;
height: 300px;
background-image: url(../images/blog1.gif);
}
#content {
margin: 4px;
top: 6px; /* Puts this div 6px downwards from the div its in. */
left: 229px; /* Puts this div 229px from the left of the div its in. */
height: 289px;
width: 190px;
position: relative; /* Relative position to the div its in, instead of the whole site (absolute). */
}