What annoyed you today?MACRO/CLOSE UP CHAT - for...Macro/ Close Up PollMY FAVOURITE ..... CHAT ...MACRO / CLOSE UP ENTRIES...Photoshop subscriptionMY FAVOURITE ..... ENTRY...POLL-FLORA MONOCHROMEPoll for GLASSGLASS - ENTRY thread - t...CHAT-FLORA MONOCHROME-Wee...ENTRIES-FLORA MONOCHROME-...1Dx Mk3GLASS chat thread - th...POLL DECONSTRUCTEDDeconstructed - ENTRIES 2...

Author Topic: Dreamweaver trouble  (Read 3060 times)

picsfor

  • Guest
Re: Dreamweaver trouble
« Reply #15 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...

Offline Darren1978

  • CC Regular visitor
  • **
  • Posts: 66
    • Darren Faulkner Photos
Re: Dreamweaver trouble
« Reply #16 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:

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: Dreamweaver trouble
« Reply #17 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
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: Dreamweaver trouble
« Reply #18 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?
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline Colin

  • Sr. Member
  • ****
  • Posts: 327
    • My Woodturning
Re: Dreamweaver trouble
« Reply #19 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.
« Last Edit: November 26, 2009, 07:29:23 AM by Colin »

Offline CML-1591

  • Sr. Member
  • ****
  • Posts: 293
    • Flickr
Re: Dreamweaver trouble
« Reply #20 on: November 26, 2009, 03:26:35 PM »
It worked!

Thanks a lot Colin!

 :D
« Last Edit: November 26, 2009, 03:46:31 PM by CML-1591 »
Landscape photography is the supreme test of the photographer - and often the supreme disappointment. - Ansel Adams,

Offline Colin

  • Sr. Member
  • ****
  • Posts: 327
    • My Woodturning
Re: Dreamweaver trouble
« Reply #21 on: November 27, 2009, 07:18:48 AM »
Great, mines a large one  :beer:

 

latest Posts

Subject Board Views/Replies Member Date & Time
xx What annoyed you today? General Discussion 615168/3945 StephenBatey Last post Today at 05:21:05 PM
xx MACRO/CLOSE UP CHAT - for weekly comp 17-24/05/2020 International Weekly Comp Entries 163/4 jinky Last post Today at 07:08:56 AM
xx Macro/ Close Up Poll International Weekly Comp Entries 79/1 Oldboy Last post May 28, 2020, 02:54:28 PM
xx MY FAVOURITE ..... CHAT THREAD 25th- 31st May 2020 International Weekly Comp Entries 150/6 Oldboy Last post May 27, 2020, 12:16:45 AM
xx MACRO / CLOSE UP ENTRIES for weekly comp 17-24th May 2020 International Weekly Comp Entries 142/5 jinky Last post May 25, 2020, 06:35:33 PM
xx Photoshop subscription General Discussion 650/23 Jediboy Last post May 25, 2020, 06:35:16 PM
xx MY FAVOURITE ..... ENTRY THREAD 25th- 31st May 2020 International Weekly Comp Entries 44/0 jinky Last post May 25, 2020, 08:07:47 AM
xx POLL-FLORA MONOCHROME International Weekly Comp Entries 247/2 Beaux Reflets Last post May 23, 2020, 06:37:39 PM