coding a layout [Archive] - Lissa Explains it All: Web Design Forums

hermione_jane_granger

10-02-2005, 08:23 PM

ok, say i wanted to code this layout:

http://bcawsofme.break-her-down.org/layouts/xdraco.gif

it's not a free for taking, but it's the only example i could find. how would i code that layout? cuz i wanna make a layout and code it and i need to know how to. i know you use divs or tables but i dunno how.

dolce shanti

10-02-2005, 08:26 PM

I think that using a div layer would be the easiest thing to do. Just put the picture on your page, and then position the div layer to where you want the text. (below the picture, obviously :))

MaGiCSuN

10-02-2005, 08:32 PM

i hope that that .gif image is not your actual layout image?

for the background take 10px of the bottom of your layout, save it as a seperate image and name it bg.gif or something

something like this would be a start:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>

<img src="layout.gif" border="0" height="#" width="#" style="position: absolute; left: 0px; top: 0px; z-index: 1;">

<div style="position: absolute; left: #px; top: #px; z-index: 2; width: #px; height: #px;">

text here

</div>
</body>
</html>

change all #'s to numbers, change bg.gif and layout.gif to the proper filenames.

Love,
Mirna

hermione_jane_granger

10-02-2005, 09:13 PM

thanks

i would try that, bur right now i have no idea what to do for my layout. layout creator's block, lol. but thanks, i'll know for the future!

hermione_jane_granger

11-23-2005, 10:30 PM

omg, i coded a layout!!! http://hoggywartyhogwarts.net/ewwlayout/