Forum: web design and graphics community

Celestial Star Forum > Web Development > Coding > problem with coding

Pages: [1]

« previous next »

Author

Topic: problem with coding (Read 761 times)

Gr33D

Angeling

Posts: 5

problem with coding

« on: May 13, 2008, 09:25:59 PM »

I used this tutorial: [url]http://celestial-star.net/tutorials/35-div-layout-ii/[url]i got the coding for it down, but what i want to know is, instead of the image and the layout on the left, how do you push it to the right? If that makes sense....

Im a little new at this so if anyone can understand what im trying to say and help me out with it, i would be very thankful.


	Logged

ethereal

Incubus

Posts: 53

The world is filled with surprise attacks.

Re: problem with coding

« Reply #1 on: May 14, 2008, 12:50:40 AM »

If I'm not wrong, you mean like this?

Code:

Replace right with left or center if you want.


	Logged

No rose without thorns.

Gr33D

Angeling

Posts: 5

Re: problem with coding

« Reply #2 on: May 14, 2008, 06:15:35 PM »

wow thats it? XD dang i am a newbie. XP But do you do the same thing to the part where it repaets too? the bottom part of the layout? with the same code?


	Logged

ethereal

Incubus

Posts: 53

The world is filled with surprise attacks.

Re: problem with coding

« Reply #3 on: May 14, 2008, 07:51:34 PM »

If the repeat is a background then you can do that in css where you put it in the body.

Code:

body {
background: url(bg.gif) right repeat-y;
}

As for the other things, I have a hard time to understand you. So sorry if I explain something else, next time could you be a little bit details? That would help me a lot since I'm a visual person.


	Logged

No rose without thorns.

Gr33D

Angeling

Posts: 5

Re: problem with coding

« Reply #4 on: May 15, 2008, 11:59:54 AM »

Yea, thats the part where i have trouble. The background that repeats. im sorry about details. I was never really a detailed person.

Later on ill see if i can put my coding in it to see if you can find my errors or some sort.


	Logged

Gr33D

Angeling

Posts: 5

Re: problem with coding

« Reply #5 on: May 15, 2008, 12:04:18 PM »

Code:

<HTML><HEAD>
<STYLE type=text/css>

td td embed, td td object{position:absolute;

left:0px; top:0px; width:220px; height:38px;}

td.text embed {width:220px;

height:38px;}

td.text embed, td.text object {width:260px;

height:38px;}

.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext{display:none;height:0px;!important;visibility:hidden}<BR>td td td

td{border:0px;width:0px;text-align:left;}

table, td,

tr{padding:0px;width:;background-color:transparent}

table table

table{padding:1px;height:.01%;width:100%;}

table table, table table table

table, table, tr, td{height:0px;!important;border:0px;!important}

a.text,

table div font a, table div div, .navbar font, tr td

font{visibility:hidden;display:none;height:0px;!important;}

table table table

table, table table table table td.text, td.text td.text

table{display:none;}

td.text table

table{display:inline;visibility:visible;}

table td table tr td.text

table{visibility:hidden;}

table td table tr td.text table table, table td

table tr td.text table table td.text{visibility:visible;}

body div table td

form option{display:none!important;}

body div table td form

select{display:none!important;}

body div table td form

input{display:none!important;}

body div table td form

img{display:none!important;}

table table, table table table table, table

table {background-color:transparent;width:270px;

border:0px;}

body {

margin: 0px;

padding: 0px;

background:

#1a5b0d url('http://i19.photobucket.com/albums/b190/amirlover91/layouts/Link-SilentVoices-bottom.png') repeat-y;

font-size: 10px; color:#000000; font-family:arial,
}

#layout {

width: 800px;

height: 700px;

background: url(http://i19.photobucket.com/albums/b190/amirlover91/layouts/Link-SilentVoiceslayout.png) no-repeat;

position:

absolute;

top: 0px;

right: 400px;

}

#navigation {

position: absolute;

width: 306px;

top: 689px;

left: 140px;

}

body{

text-align: JUSTIFY;

scrollbar-face-color:# 1a5b0d;

scrollbar-shadow-color:# 1a5b0d;

scrollbar-3dlight-color:# 1a5b0d;

scrollbar-arrow-color:#000000;

scrollbar-track-color:# 1a5b0d;

scrollbar-darkshadow-color:# 1a5b0d;

scrollbar-highlight-color:# 1a5b0d;

</STYLE>

<META content="MSHTML 6.00.2900.3314" name=GENERATOR></HEAD>
<BODY>
<DIV style="FLOAT: right"><IMG height=700 alt="" src="http://i19.photobucket.com/albums/b190/amirlover91/layouts/Link-SilentVoiceslayout.png" width=800>
<DIV style="RIGHT: 244px; WIDTH: 306px; POSITION: absolute; TOP: 589px; HEIGHT: 779px">Type thing here.</DIV>
<BODY></HTML>

Theres my code thing. And the background doesnt seem to want to go where the image is...


« Last Edit: May 15, 2008, 12:45:41 PM by Gr33D »	Logged

ethereal

Incubus

Posts: 53

The world is filled with surprise attacks.

Re: problem with coding

« Reply #6 on: May 15, 2008, 08:06:19 PM »

Your style sheet is unclear and unorganized. I would suggest you using link to style.css than put it in your html page like that. It would help a lot if you can put up your link (URL) here so that I can see what's wrong with it. By the way, you cannot have two body in your style sheet, and I do not understand why you have so many repeats word such as table and etc.

Put up a link and I'll try my best to fix your code so that it will work


« Last Edit: May 16, 2008, 02:39:58 PM by ethereal »	Logged

No rose without thorns.

Gr33D

Angeling

Posts: 5

Re: problem with coding

« Reply #7 on: May 16, 2008, 06:46:04 PM »

that would make sense with the body. im still trying to understand coding so i usually take the piece of coding the tutorials tell me to put in it. -3-; it was meant to be a myspace layout, but i just want to fix it now. XD How do i do the link thing you were talking about?


	Logged

ethereal

Incubus

Posts: 53

The world is filled with surprise attacks.

Re: problem with coding

« Reply #8 on: May 17, 2008, 11:18:32 PM »

Oh a myspace layout, I see. You can simple copy and paste the url that you are currently working on here and so it will turn into a link automatically. Therefore, I can click on the link (url) and see what you want to talk about or getting it fix and etc.


	Logged

No rose without thorns.

Pages: [1]

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic