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!
and div align=right isn't doing it?
Quote from: picsfor on November 23, 2009, 05:22:13 PM
and div align=right isn't doing it?
Andrew should that be
<div align="right">so code,
<div align="right">
This is some text as an example.
</div>Will give you :pointr:
This is some text as an example.
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.
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!
Quote from: picsfor on November 23, 2009, 05:22:13 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!
Quote from: CML-1591 on November 23, 2009, 07:20:47 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
Quote from: CML-1591 on November 23, 2009, 07:20:47 PM
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. :)
Craig, this site is quite handy too, http://www.w3schools.com/
Is there an English version of this thread ??? :D
Quote from: admin on November 23, 2009, 08:06:59 PM
Craig, this site is quite handy too, http://www.w3schools.com/
I have that somewhere, hmm maybe it was on my delicious , thanks.
Quote from: Alfonso_Frisk on November 23, 2009, 08:19:48 PM
Is there an English version of this thread ??? :D
Tell me about it! FTP and some other stuff this week lol!
Quote from: Hybridphotog on November 23, 2009, 07:27:20 PM
Quote from: CML-1591 on November 23, 2009, 07:20:47 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
Quote from: CML-1591 on November 23, 2009, 07:20:47 PM
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!
Eh ???????
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!
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.
Quote from: 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!
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
<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
.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.
Quote from: Colin on November 24, 2009, 07:45:58 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...
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:
Quote from: Colin on November 24, 2009, 07:45:58 AM
Quote from: 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!
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
<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
.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
Quote from: CML-1591 on November 24, 2009, 10:36:28 AM
Quote from: Colin on November 24, 2009, 07:45:58 AM
Quote from: 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!
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
<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
.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?
No problem if you change it to id's don't forget to change the . to # though.
It worked!
Thanks a lot Colin!
:D
Great, mines a large one :beer: