Camera Craniums

General Category => General Discussion => Topic started by: CML-1591 on November 23, 2009, 04:36:31 PM

Title: Dreamweaver trouble
Post by: CML-1591 on November 23, 2009, 04:36:31 PM
Anyone know how to create a DIV tag (i think) within a DIV tag and keep it on the same line but the other side of the page?

Thanks for the help!

Title: Re: Dreamweaver trouble
Post by: picsfor on November 23, 2009, 05:22:13 PM
and div align=right isn't doing it?
Title: Re: Dreamweaver trouble
Post by: Mick on November 23, 2009, 05:54:09 PM
and div align=right isn't doing it?

Andrew should that be
Code: [Select]
<div align="right">
so code,
Code: [Select]
<div align="right">
This is some text as an example.
</div>

Will give you   :pointr:
This is some text as an example.

Title: Re: Dreamweaver trouble
Post by: picsfor on November 23, 2009, 06:18:30 PM
yes, that what was i was thinking - i was just being lazy about the code.

But reading through the request again i'm not really sure what you are after Craig.

What is it you are trying to achieve?
A table can be used just as easily to insert text and have it placed in columns or similar...

If you could supply some more information i'm more than sure you will get one or more solutions to your problem.
Title: Re: Dreamweaver trouble
Post by: CML-1591 on November 23, 2009, 07:17:43 PM
I have a web comp!

(http://farm3.static.flickr.com/2476/4098588268_a332be5c2d.jpg)

I have a width of 1000px (this too big?) and so i made the header thing 1000px, i figure if i made that width smaller i could then do a second header for the top nav and have it along side ?

I'm guessing I can't have the red and white writing on this?

Thanks folks!
Title: Re: Dreamweaver trouble
Post by: CML-1591 on November 23, 2009, 07:20:47 PM
and div align=right isn't doing it?

This is the first time I have used dreamweaver since year 10 and its using xhtml and css which i haven't come across before. The woman just said insert a div within a div and it just goes underneath.

To have the things in different places I haven't a clue if to use padding, positioning or any of the other things that are similar lol!
Title: Re: Dreamweaver trouble
Post by: Hybridphotog on November 23, 2009, 07:27:20 PM
This is the first time I have used dreamweaver since year 10 and its using xhtml and css which i haven't come across before. The woman just said insert a div within a div and it just goes underneath.
Doesn't Dreamweaver also have a WYSIWYG thing? If so, then just doing the old drag-n-drop should sort the problem out.

Mind you, 'wizziwig' does tend to defeat the object of learning website coding. Vim! :D
To have the things in different places I haven't a clue if to use padding, positioning or any of the other things that are similar lol!
Have a look at http://www.oswd.org/ for some ideas. :)
Title: Re: Dreamweaver trouble
Post by: Mick on November 23, 2009, 08:06:59 PM
Craig, this site is quite handy too, http://www.w3schools.com/
Title: Re: Dreamweaver trouble
Post by: Alfonso_Frisk on November 23, 2009, 08:19:48 PM
Is there an English version of this thread ??? :D
Title: Re: Dreamweaver trouble
Post by: CML-1591 on November 23, 2009, 08:32:49 PM
Craig, this site is quite handy too, http://www.w3schools.com/

I have that somewhere, hmm maybe it was on my delicious , thanks.

Is there an English version of this thread ??? :D

Tell me about it! FTP and some other stuff this week lol!
Title: Re: Dreamweaver trouble
Post by: CML-1591 on November 23, 2009, 08:34:55 PM
This is the first time I have used dreamweaver since year 10 and its using xhtml and css which i haven't come across before. The woman just said insert a div within a div and it just goes underneath.
Doesn't Dreamweaver also have a WYSIWYG thing? If so, then just doing the old drag-n-drop should sort the problem out.

Mind you, 'wizziwig' does tend to defeat the object of learning website coding. Vim! :D
To have the things in different places I haven't a clue if to use padding, positioning or any of the other things that are similar lol!
Have a look at http://www.oswd.org/ for some ideas. :)

Thanks Dave,

Yeah we have to do the coding crud!
Title: Re: Dreamweaver trouble
Post by: Alfonso_Frisk on November 23, 2009, 08:35:23 PM
Eh ???????
Title: Re: Dreamweaver trouble
Post by: picsfor on November 23, 2009, 08:39:49 PM
on a coding side - using plain html i would ahve used a table to insert you menu options as displayed on the webpage pictured.
you've defined a page with a width of 1000 pixels which is more than acceptable nowadays.
So just insert a single line table with the columns defined to set widths and colour and then insert you links...

If memory serves CSS does it in a slightly more refined manner. Never really got into it big time though!
Title: Re: Dreamweaver trouble
Post by: Graham on November 23, 2009, 08:52:10 PM
  Like Mr Frisk I too would like to contribute to this thread....Unfortunatly I don't have a bloody clue what your all taking about! :-[
                             Graham. :)

  As you were.
Title: Re: Dreamweaver trouble
Post by: Colin on November 24, 2009, 07:45:58 AM
on a coding side - using plain html i would ahve used a table to insert you menu options as displayed on the webpage pictured.
you've defined a page with a width of 1000 pixels which is more than acceptable nowadays.
So just insert a single line table with the columns defined to set widths and colour and then insert you links...

If memory serves CSS does it in a slightly more refined manner. Never really got into it big time though!


The current standards are that tables are used for tabular data not positioning. All positioning should be done by css div's and the display and content should be separate css for display and html for content.

Back to the OP though you can do this with a float.

In this case you have one div for the header and then one each for the left and right content so the html code would be something like

Code: [Select]
<div class="header">
<div class="header_left">
left content here
</div>
<div class"header_right">
right content here
</div>
</div>

Then your css would be something like

Code: [Select]
.header {width:1000px; height:100px;}
.header_left {width:200px; float:left;}
.header_right {width:300px; float:right;}

This would give you a 500px clear space between the two divs.

Hope this helps.
Title: Re: Dreamweaver trouble
Post by: picsfor on November 24, 2009, 07:51:24 AM
The current standards are that tables are used for tabular data not positioning. All positioning should be done by css div's and the display and content should be separate css for display and html for content

I'm guessing i'm a bit behind with the standards then  ::)
Mind you, CSS was never something i engaged into to a great deal, but i supose i shall just have to go back and learn it all over again.
Now where's that link of Micks...
Title: Re: Dreamweaver trouble
Post by: Darren1978 on November 24, 2009, 08:52:36 AM
I rather stupidly volunteered to redesign my local fishing club's website for them...and I didn't have a clue about web design, not even the basics  :o

Anyway, having got myself a copy of Dreamweaver, a few books, a bit or research on the net I managed to cobble something together (chichester-as.co.uk for those of you who may like to take a look and let me know what you think ;) ) which I was rather pleased with  :)

Anyway, 'web-design' language was a complete eye opener and it took me a while to grasp the basics.  But if you were to ask me about css and html coding and how best to do it to make a site run better etc then I wouldn't know where to start!  WYSIWYG served me well  :tup:
Title: Re: Dreamweaver trouble
Post by: CML-1591 on November 24, 2009, 10:36:28 AM
on a coding side - using plain html i would ahve used a table to insert you menu options as displayed on the webpage pictured.
you've defined a page with a width of 1000 pixels which is more than acceptable nowadays.
So just insert a single line table with the columns defined to set widths and colour and then insert you links...

If memory serves CSS does it in a slightly more refined manner. Never really got into it big time though!


The current standards are that tables are used for tabular data not positioning. All positioning should be done by css div's and the display and content should be separate css for display and html for content.

Back to the OP though you can do this with a float.

In this case you have one div for the header and then one each for the left and right content so the html code would be something like

Code: [Select]
<div class="header">
<div class="header_left">
left content here
</div>
<div class"header_right">
right content here
</div>
</div>

Then your css would be something like

Code: [Select]
.header {width:1000px; height:100px;}
.header_left {width:200px; float:left;}
.header_right {width:300px; float:right;}

This would give you a 500px clear space between the two divs.

Hope this helps.

Thanks Colin, I will have to give that a shot tomorrow when i can get on dreamweaver
Title: Re: Dreamweaver trouble
Post by: CML-1591 on November 25, 2009, 11:24:16 AM
on a coding side - using plain html i would ahve used a table to insert you menu options as displayed on the webpage pictured.
you've defined a page with a width of 1000 pixels which is more than acceptable nowadays.
So just insert a single line table with the columns defined to set widths and colour and then insert you links...

If memory serves CSS does it in a slightly more refined manner. Never really got into it big time though!


The current standards are that tables are used for tabular data not positioning. All positioning should be done by css div's and the display and content should be separate css for display and html for content.

Back to the OP though you can do this with a float.

In this case you have one div for the header and then one each for the left and right content so the html code would be something like

Code: [Select]
<div class="header">
<div class="header_left">
left content here
</div>
<div class"header_right">
right content here
</div>
</div>

Then your css would be something like

Code: [Select]
.header {width:1000px; height:100px;}
.header_left {width:200px; float:left;}
.header_right {width:300px; float:right;}

This would give you a 500px clear space between the two divs.

Hope this helps.

Thanks Colin, I will have to give that a shot tomorrow when i can get on dreamweaver

Will it matter that the code above is class and not id?
Title: Re: Dreamweaver trouble
Post by: Colin on November 26, 2009, 07:27:21 AM
No problem if you change it to id's don't forget to change the . to # though.
Title: Re: Dreamweaver trouble
Post by: CML-1591 on November 26, 2009, 03:26:35 PM
It worked!

Thanks a lot Colin!

 :D
Title: Re: Dreamweaver trouble
Post by: Colin on November 27, 2009, 07:18:48 AM
Great, mines a large one  :beer: