Programming Help

Web Development



What's Here?

  • Members: 109,157
  • Replies: 413,535
  • Topics: 62,855
  • Snippets: 2,285
  • Tutorials: 605
  • Total Online: 1,018
  • Members: 41
  • Guests: 977

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 109,157 Programmers for FREE! Ask your question and get quick answers from experts. There are 1,018 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



Struggling with notepad.

2 Pages V  1 2 >  
 Reply to this topicStart new topic

Struggling with notepad.
biggles2008
post 16 Jun, 2008 - 02:23 PM
Post #1


D.I.C Addict

Group Icon
Joined: 5 Mar, 2008
Posts: 515



Thanked 1 times

Dream Kudos: 150
My Contributions
Okay, since my college interview i was told to use notepad instead of DW for my HTML.

I recently decided to get back into Web dev. So i thought what the heck.

I came across one problem that made me miss DW, the layout!

I am struggling laying out where my text is going to be on my design etc.

What tips/tools can you offer me. I need a guide or something so i can see where i am placing things...
Not sure if thats easy enough to understand...

Post what you dont get and i will answer you.

Thanks
User is offlineProfile CardPM

Go to the top of the page


Arhineus
post 16 Jun, 2008 - 02:29 PM
Post #2


D.I.C Head

**
Joined: 14 Jun, 2008
Posts: 102


My Contributions
I've found that DW made me lazy in many ways, and have cursed it since I moved away from it.

Right now I use UltraEdit, but there are lots of other good programs available that can help with your organization.

There's a thread somewhere on the DIC forums that has people going over all the different applications that are available...can't remember where it is though.
User is offlineProfile CardPM

Go to the top of the page

biggles2008
post 16 Jun, 2008 - 02:33 PM
Post #3


D.I.C Addict

Group Icon
Joined: 5 Mar, 2008
Posts: 515



Thanked 1 times

Dream Kudos: 150
My Contributions
QUOTE(Arhineus @ 16 Jun, 2008 - 10:29 PM) *

I've found that DW made me lazy in many ways, and have cursed it since I moved away from it.

Right now I use UltraEdit, but there are lots of other good programs available that can help with your organization.

There's a thread somewhere on the DIC forums that has people going over all the different applications that are available...can't remember where it is though.


Cant remember the name but i remember it... Ultraedit sounds good thanks.
User is offlineProfile CardPM

Go to the top of the page

Arhineus
post 16 Jun, 2008 - 03:11 PM
Post #4


D.I.C Head

**
Joined: 14 Jun, 2008
Posts: 102


My Contributions
The other ones I remember are: Crimson Editor & jEdit. I found Ultra Edit was the one I liked better than the other ones I tried.
User is offlineProfile CardPM

Go to the top of the page

MsAne
post 16 Jun, 2008 - 06:23 PM
Post #5


New D.I.C Head

*
Joined: 14 Feb, 2008
Posts: 18


My Contributions
my personal favorites are bluefish and notepad++
User is offlineProfile CardPM

Go to the top of the page

BetaWar
post 16 Jun, 2008 - 07:31 PM
Post #6


#include <soul.h>

Group Icon
Joined: 7 Sep, 2006
Posts: 1,223



Thanked 38 times

Dream Kudos: 725
My Contributions
QUOTE
What tips/tools can you offer me. I need a guide or something so i can see where i am placing things...

Well, continue using notepad (if you want to, it is my personal favorite) and just have a browser open to that file, everytime you save the file refresh the browser to see how it has updated. After a while you will get a since of where things will be placed depending on what code you have used and where.
User is online!Profile CardPM

Go to the top of the page

no2pencil
post 16 Jun, 2008 - 10:14 PM
Post #7


Wet D.I.C.

Group Icon
Joined: 10 May, 2007
Posts: 4,939



Thanked 27 times

Dream Kudos: 2325

Expert In: Goofing Off

My Contributions
QUOTE(biggles2008 @ 16 Jun, 2008 - 05:23 PM) *

What tips/tools can you offer me. I need a guide or something so i can see where i am placing things...


Until you can see the code & picture it in your head, grab a sheet of paper & draw some sloppy pictures. It helps me when I get lost in the div tags from time to time.

Once you can look at the code & understand what it'll look like, you'll never miss DW. Things will work faster & smoother (imo).

Also, another tip is to properly indent your code. That way it's not just a brick of tags. You'll know where tags start & end easier if you properly indent.
User is offlineProfile CardPM

Go to the top of the page

hlemon
post 17 Jun, 2008 - 06:07 AM
Post #8


New D.I.C Head

*
Joined: 2 Jun, 2008
Posts: 22



Thanked 2 times
My Contributions
It depends on what platform I'm on since I use both Mac and PC.

For PC I stick to Notepad ++ with a browser window. The thing I like about it is it color codes the different types of markup you're using and it's easier on the eyes. I also like the fact that you can get an add-on for it that has FTP access on it so it makes it easier, though I must say I still stick to Filezilla.

When I'm on a Mac, I was originally going to say Textwrangler (has FTP as well) and a browser which does pretty much the same thing as Notepad ++, but I recently found this program called Coda. I tried the free trial version of it and its a really great tool. You can preview it in multiple browsers and whatnot while being in the same program and it has direct SSH access if that's how you're into coding.

Either way, just use what you're comfortable with. biggrin.gif
User is offlineProfile CardPM

Go to the top of the page

biggles2008
post 17 Jun, 2008 - 08:58 AM
Post #9


D.I.C Addict

Group Icon
Joined: 5 Mar, 2008
Posts: 515



Thanked 1 times

Dream Kudos: 150
My Contributions
So there is no way to place things in the exact place using pixels?, I sliced my design and left a like a tablet in the middle and i want to place text on it, the thing when i used DW was the fact that i could use layers and place the ext where i wanted any tips for doing it with notepad?

Oh and thanks for all the replies all helpful! biggrin.gif
User is offlineProfile CardPM

Go to the top of the page

hlemon
post 17 Jun, 2008 - 11:38 AM
Post #10


New D.I.C Head

*
Joined: 2 Jun, 2008
Posts: 22



Thanked 2 times
My Contributions
QUOTE(biggles2008 @ 17 Jun, 2008 - 08:58 AM) *

So there is no way to place things in the exact place using pixels?, I sliced my design and left a like a tablet in the middle and i want to place text on it, the thing when i used DW was the fact that i could use layers and place the ext where i wanted any tips for doing it with notepad?

Oh and thanks for all the replies all helpful! biggrin.gif


I guess I may be a little confused by your question. Do you have an example you can show?

If you're saying you want a picture in the background and placing text on top (if I am correct) you could probably use a background image in CSS and wrap the text in a div tag.

Here's an example

The CSS:
CODE


#wrapPicture { background: url("../LINK_TO_PICTURE.jpg") no-repeat; height: 30px; width: 30px; }




The HTML:
CODE


<div id="wrapPicture">
   <p>Insert your text here.</p>
</div>
User is offlineProfile CardPM

Go to the top of the page

biggles2008
post 18 Jun, 2008 - 08:13 AM
Post #11


D.I.C Addict

Group Icon
Joined: 5 Mar, 2008
Posts: 515



Thanked 1 times

Dream Kudos: 150
My Contributions
QUOTE(hlemon @ 17 Jun, 2008 - 07:38 PM) *

QUOTE(biggles2008 @ 17 Jun, 2008 - 08:58 AM) *

So there is no way to place things in the exact place using pixels?, I sliced my design and left a like a tablet in the middle and i want to place text on it, the thing when i used DW was the fact that i could use layers and place the ext where i wanted any tips for doing it with notepad?

Oh and thanks for all the replies all helpful! biggrin.gif


I guess I may be a little confused by your question. Do you have an example you can show?

If you're saying you want a picture in the background and placing text on top (if I am correct) you could probably use a background image in CSS and wrap the text in a div tag.

Here's an example

The CSS:
CODE


#wrapPicture { background: url("../LINK_TO_PICTURE.jpg") no-repeat; height: 30px; width: 30px; }




The HTML:
CODE


<div id="wrapPicture">
   <p>Insert your text here.</p>
</div>






No sorry that wasnt what i was asking smile.gif but thanks for your time.

Okay i have designed a layout yes. theres is a white tablet in the center for text and links and stuff. how do i place the text where i want it on the page using html?

Any easier to understand?

Sorry for the inconvinience hlemon smile.gif
User is offlineProfile CardPM

Go to the top of the page

hlemon
post 18 Jun, 2008 - 10:50 AM
Post #12


New D.I.C Head

*
Joined: 2 Jun, 2008
Posts: 22



Thanked 2 times
My Contributions
If you just want to use html for it, I guess it depends on how you want the layout to look. You can still use css styling right in the html. For example, for a paragraph tag you can add a styling that aligns the text to center and give it a white color. You can also use padding and margins if you just want to do it that way.

CODE


<p style="color: #fff; text-align: center;"



I would recommend using some css to align onto a page somewhere if you just want to use html. By doing it in the actual html tag, it will apply the style directly to that specific tag and you can use pixels this way. So if you wanted to use add a 10 pixel margin or padding to that specific element, you can do it that way.

I hope this helps and I hope I was able to understand this better and its not trouble at all. Please let me know if I missed again. cool.gif
User is offlineProfile CardPM

Go to the top of the page

2 Pages V  1 2 >
Fast ReplyReply to this topicStart new topic
Time is now: 9/5/08 05:37PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month