Old 20-02-2008, 04:16   #1 (permalink)
Kid A
CMYK
 
Kid A's Avatar
 
Join Date: Sep 2007
Posts: 561
Dreamweaver Question

In Dreamweaver is it possible to format text like this...

• Book-keeping & Accounts • GCSE's & A Levels • Interior Design
• BTC Teaching Assistants • Plumbing • Business Management

so that the bullet points line up with the ones above? I can's seem to use tabs or more than 1 space between words. The text is all inside 1 section of a table, will I just have to split the table into 6 sections?
  Reply With Quote
Old 20-02-2008, 04:31   #2 (permalink)
Dusteh
Sir digby chicken caesar
 
Dusteh's Avatar
 
Join Date: Sep 2004
Posts: 4,770
oh lord, why is it in a table? get rid of it.

As for styling a list like that, CSS is all you need. Simply set the li elements to float: left - and then style them accordingly for the padding you need, the bullet type and so on.
__________________
unconsolidated isoparms
  Reply With Quote
Old 20-02-2008, 04:49   #3 (permalink)
woodss
Just another web monkey
 
woodss's Avatar
 
Join Date: Mar 2005
Location: Newcastle, UK
Posts: 215
Send a message via ICQ to woodss Send a message via MSN to woodss Send a message via Yahoo to woodss Send a message via Skype™ to woodss
li {
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}

or something, i didn't check it but it'll get you going
  Reply With Quote
Old 20-02-2008, 04:56   #4 (permalink)
Anxious
On the Naughty Step
 
Anxious's Avatar
 
Join Date: Jun 2007
Location: Glasgow
Posts: 1,703
If it's in a table, you should split it in to 6 sections for equal widths. Don't forget to change your tr colspan to the right number.

Ideally you should be using CSS!
  Reply With Quote
Old 20-02-2008, 05:00   #5 (permalink)
woodss
Just another web monkey
 
woodss's Avatar
 
Join Date: Mar 2005
Location: Newcastle, UK
Posts: 215
Send a message via ICQ to woodss Send a message via MSN to woodss Send a message via Yahoo to woodss Send a message via Skype™ to woodss
Ditch the table, it's a list so mark it up as a list :-) No reason for it to be in a table except for maybe laziness but even then, it takes longer to do :P
  Reply With Quote
Old 20-02-2008, 05:39   #6 (permalink)
Kid A
CMYK
 
Kid A's Avatar
 
Join Date: Sep 2007
Posts: 561
"Oh Lord" lol Don't worry guys, its only one page we are sending out as an email, not a website or anything. I rarely use html so just thought a table would be best. OK so slice up the psd and bring in as CSS or something like that? Anyone know a tutorial, I know its fairly basic. Cheers
  Reply With Quote
Old 20-02-2008, 08:04   #7 (permalink)
woodss
Just another web monkey
 
woodss's Avatar
 
Join Date: Mar 2005
Location: Newcastle, UK
Posts: 215
Send a message via ICQ to woodss Send a message via MSN to woodss Send a message via Yahoo to woodss Send a message via Skype™ to woodss
Ah - now, are you talking about sending it as an HTML e-mail? In that case, CSS might not be the best option due to the lack of consistent support - might be worth searching Email Newsletter Software for Web Designers - Campaign Monitor in the blog/journal section to find the email design guidelines post they did a while back; i can't recall the URL but it basically tells you whats hot and whats not when it comes to including HTML/CSS in an e-mail.

Edit: here you go:
Email Design Guidelines for 2006 - Campaign Monitor Blog
A Guide to CSS Support in Email: 2007 Edition - Campaign Monitor Blog
Why we need standards support in HTML email - Campaign Monitor Blog
  Reply With Quote
Old 20-02-2008, 08:21   #8 (permalink)
Kid A
CMYK
 
Kid A's Avatar
 
Join Date: Sep 2007
Posts: 561
Yes it is an HTML email and thanks for the links Woodss, I will have a good look through them after lunch! I have done a few emails before but this one has a lot more detail I will try and insert a jpeg here...(not my design btw) How do u insert an image from your desktop?
  Reply With Quote
Old 20-02-2008, 09:56   #9 (permalink)
woodss
Just another web monkey
 
woodss's Avatar
 
Join Date: Mar 2005
Location: Newcastle, UK
Posts: 215
Send a message via ICQ to woodss Send a message via MSN to woodss Send a message via Yahoo to woodss Send a message via Skype™ to woodss
You'll need to host the file somewhere and link to it - click the img button when replying and type the URL to the image
  Reply With Quote
Old 20-02-2008, 10:21   #10 (permalink)
Kid A
CMYK
 
Kid A's Avatar
 
Join Date: Sep 2007
Posts: 561
How would you host a file somewhere? clearly not a web designer
  Reply With Quote
Old 20-02-2008, 11:02   #11 (permalink)
woodss
Just another web monkey
 
woodss's Avatar
 
Join Date: Mar 2005
Location: Newcastle, UK
Posts: 215
Send a message via ICQ to woodss Send a message via MSN to woodss Send a message via Yahoo to woodss Send a message via Skype™ to woodss
You could use Photobucket.com if you don't have your own hosting space - just upload it to their server, they'll give you the URL and then you can paste it into your post like this
Code:
[img]the URL here[/img]
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8