Coding

by **MzCie** » Sat Dec 26, 2009 10:02 am

Im not sure if this is the right section for this, but I needed help coding my site. I tried to use web builders and html tutorials but none helped my because I really wasnt understanding how to put everything together. I could do it piece by piece but its never correct as a whole. imtrying to position tables for now this is what I have

<HTML><HEAD>
<TITLE>COMPLEX BEAUTY - A Digital Reflexion of MY World</TITLE>
<style>
body {background:url(""); background-color:#857d8c;}--></style>

<td align="top">
<div align="center"><img src="http://i1018.photobucket.com/albums/af310/Gumu_Uzuri/ashanticopy.jpg?t=1261812148" border="0" style="top:0px;"><br><br></div></td>
<br><br>

<font color="#000000">
<img style="position:absolute; top: 445px; left:370 px; 150 px;
height: 200px" src="http://i1018.photobucket.com/albums/af310/Gumu_Uzuri/testmini.jpg?t=1261814074">
</td></font>

I want text to wrap around the image or just to the right side, then i want a seperate table to the left for navigation and one below everything for my blog. Thanks for any help you guys can give me

by **olivia** » Sat Dec 26, 2009 10:13 am

Why are you using tables? Do you have a screenshot of what you want the final layout to look like?

by **MzCie** » Sat Dec 26, 2009 11:34 am

no i dont have a screen shot, i thought tables would be easier to postion every thing with the way i want it to be but its not. Im going to throw it in paint really quick though thanks olivia

by **MzCie** » Sat Dec 26, 2009 11:42 am

ok i made one just to show how i kind of want it to look. you ask why use tables, is there a simpler way to organize everything?

http://i1018.photobucket.com/albums/af310/Gumu_Uzuri/th_justtoshow.jpg

by **olivia** » Sat Dec 26, 2009 12:22 pm

Okay, here you go... Let me know if it's not quite right.

Code: Select all: <html> <head> <title>COMPLEX BEAUTY - A Digital Reflexion of MY World</title> <style> body { color: #000000; background-color: #857d8c; text-align: center; margin: 0px; padding: 0px; } #container { width: 700px; margin-left: auto; margin-right: auto; text-align: left; } #main { float: left; width: 450px; } #sidebar { float: right; width: 200px; } .left { float: left; width: 160px; height: 210px; } .clear { clear: both; height: 0px; margin: 0px; } </style> </head> <body> <div id="container"> <img src="http://i1018.photobucket.com/albums/af310/Gumu_Uzuri/ashanticopy.jpg" width="700" height="400" border="0" /> <div id="sidebar"> This is where you put the sidebar stuff... </div> <div id="main"> <div class="left"> <img src="http://i1018.photobucket.com/albums/af310/Gumu_Uzuri/testmini.jpg" width="150" height="200" border="0" /> </div> This is where you put the text that will go around the image... <div class="clear">   </div> </div> <div class="clear">   </div> </div> </body> </html>

A link on the credit page would be super

by **MzCie** » Sat Dec 26, 2009 2:10 pm

Wow thank you Olivia, a credit you got it lol

by **Kitty** » Sun Dec 27, 2009 10:27 pm

You can use CSS to organise things. Tables just make it look messy. Not that I'm saying you can't use it all, but try not to overuse it.

by **MzCie** » Thu Dec 31, 2009 1:49 pm

so i have the basics up, although i still need to add my links and link pics, can someone tell me how to position my div for my blog and page jumps please, thanks. http://www.gumuuzuri.kasslyts.com

Coding

Coding

Re: Coding

Re: Coding

Re: Coding

Re: Coding

Re: Coding

Re: Coding

Re: Coding

Who is online