Question Just Starting Your Design ( SitePoint Forums Just Starting Your Design )
Updated: 2008-08-12 05:50:07 (25) |
|
Just Starting Your Design
Hi,
I am new to webdesign and trying to self learn the dreamweaver with all of you Web geniuses' helps I have a small question, hope anybody can clear it.
I made a table in dreamweaver and wanted to write a note on it. when I press enter without completing a line, it return to the next line very far! HOw can I write the paragraph just as I am writing in this forum? I want Adjecent lines eventhough I press enter key without completing the line.
Another one, How can I start writing putting a space at first? Dreamweaver donot allow me to put more than one space same time anywhere the paragraph!
May be the questions would be simple, but I am confused with this! Please help with a step by step manner...
Thanks
|
|
| Answers: Just Starting Your Design ( SitePoint Forums Just Starting Your Design ) |
|
Just Starting Your Design
I don't really understand your first question, if you mean when you press enter it skips two lines? If so then you need to hold shift+enter to begin a new line, and for a new pharagraph you just press enter. If you just carry on writing, Dreamweaver will automatically go to the next line.
For your second question, all you need to do is add a tiny bit of code in your code view:
example:
HTML Code:
<td>this is my text here is the gap</td>
I hope that helps, I will answer any other questions you have here if you like.
From Daniel .S.
Daniel .S.
|
|
Just Starting Your Design
Hi,
To drop the line without jumping to a new paragraph hold SHIFT when you press ENTER which is eqivalent of <br />.
As for the second question, while it's possible (with Daniels example above), I don't see a resonable explanation to do that.
BTW: Dreamweaver is only a wysiwyg editor, therefore while it may not allow you to do certain things, by no means they are impossible. I would also recommend that rather then learning Dreamweaver you learn (X)HTML and CSS. It will help in the long run, as a wysiwyg may not always be available for the job, and it generally helps to know how html works. Then you will find Dreamweaver will be much easier to learn/use also.
I couldn't live with Dreamweavers output though.
Egor
|
|
Just Starting Your Design
Thank you Daniel and MST, The first question solved...
the second one, I am little confused with codes. As MST told, I may go to CSS way and learn some coding also not depending on the WYSIWYG options!!
anyway, one more thing. I just made a cell inside a table. it is a custom sized cell. I inserted some text on it. I wanted to put the text exact in center. But it was only top centered. is there a way to make the text exact center of my cell?
Is there a transperent way to rollover the text in dreamweaver with different color?
Regards and once again thanks for your quick helps!!
bash
|
|
Just Starting Your Design
I agree, you should learn XHTML and CSS but not now, not if you are just learning, just take a look at HTML first.
I suggest you use W3C's tutorial first, at www.w3schools.com I find that gr8 for learning computer languages.
When I first began to use Dreamweaver, I hadn't a clue how to do anything, so in time you'll be brilliant at it, just keep experementing with all the tools and stuff.
From Daniel .S.
Daniel .S.
|
|
Just Starting Your Design
Put this in your head section:
Code:
<style type="text/css">
.table {vertical-align: middle; text-align: center; padding: 50px;}
</style>
And this in your html:
Code:
<table class="table">
<tr>
<td>
Centered text here
</td>
<tr>
</table>
Transparent way? I don't understand?
Egor
|
|
Just Starting Your Design
I understand, wait...let me turn my PC on. lol.
From Daniel .S.
Daniel .S.
|
|
Just Starting Your Design
You can also use HTML for text align...just click the center text under the proprties box or code it like this:
<td>
<div align="center">text here</div>
</td>
or for the whole table you need to do this:
<table align="center">
<tr>
<td>
your text
</td>
</tr>
</table>
--------------------------------------------------------------------------
For your transparent question you need to use CSS here is how you do it (place this code in your <head> tags)
Code:
<style type="text/css">
<!--
.link {
color: #000000;
}
.link:hover {
color: #669900;
}
-->
</style>
And place this in your <td>/<div>/href ect.
e.g.
<td>
<a href="your link" style="link">text here</a>
</td>
This will be black then hover green...you can change the color easily by changing the code with the # at the start to the hex value you would like.
For a color reference of hex values, visit: www.w3schools.com/html/html_colors.asp
Hope this helps,
From DAniel .S.
Daniel .S.
|
|
Just Starting Your Design
Daniel, not arguing here but..
What is the point of using CSS at all if your keeping layout attributes inline?
I understand that bash is learning dreanmweaver with tables, but backtracking isn't any good for anyone.
Egor
|
|
Just Starting Your Design
lol, yea, but bash has a choice between using the CSS way and the HTML way, I was just suggesting another way also an easier way of doing it. Also it does work fine...
From Daniel .S.
p.s. your web design site is mint.
Daniel .S.
|
|
Just Starting Your Design
Thanks a loot for your helps! Is there a way to put hyperlink for a cell itself? and how to avoid underline of a hyperlinked text?
Thanks a lot..
bash
|
|
Just Starting Your Design
You'll have to use CSS and handcode it in. I'm sorry I can't be much help. I don't even remember the last time I used tables.
Egor
|
|
Just Starting Your Design
Yes, you can make the tables into links, although I wouldn't recommend it, as people won't think to click on the table and the little hand doesn't appear when you place your mouse over it.
To take the underline off, you need to do this:
text-decoration: none;
I hope that helps...
From Daniel .S.
Daniel .S.
|
|
Just Starting Your Design
Thanks Daniel and MS.. The link underline..It worked..! Thanks to you all..
bash
|
|
Just Starting Your Design
Dears..Now I got another issue..sorry if I am bothered you a lot. Its my dream to complete my first site like any novice..
Finally I have made CSS. For my page, i dont want the text/linked text/visited links/active links colors. I want these to be defined by custom. many links should show their text colors in their own colors that I specify. Is there a way to do it in CSS? I tried to find it, but couldnt. what happens now is, if I make a link to "HOME" it automatically changes to the familiar purple color (means visited) discarding my CSS. Is there a way to override the page properties color setting with the colors that I customize?
Please help
bash
|
|
Just Starting Your Design
hmmm... I have come accross that problem before, there are two ways of doing this, once you have changed your link, it changes back to the default colours correct? Well what you need to do is type the CSS calling here:
<a href="link" style="yourstyle">Home</a>
That's probobly the best way of doing it, but an easier and quicker way is to just highlight the 'Home' link and in the properties box bring down the 'styles' box and select the style you wish to use.
The second way is to change the page properties. You do this by clicking in your background, then you will see a button in your properties box that says 'page properties' or at least I think it says that...click it then a ox will popup and you can change your default link colours ect. by clicking where it says linkss on the left menu. Here you can chang the default link color, hover, visited and active.
This will hopefully solve your problem
From Daniel .S.
Daniel .S.
|
|
Just Starting Your Design
Thanks daniel, but if I change it through the page properties, it will change all the links contained in the page. As I told, there are many links which I want seperate color effects for links and other attributes..
Regards
bash
|
|
Just Starting Your Design
I somewhere found that, I have to put <Style> for each class. I dont know where to insert it..
bash
|
|
Just Starting Your Design
Ok, this is a basic HTML page with CSS:
<html>
<head>
<title>page title here</title>
<style type="text/css">
.examplelinkstyle {
text-decoration: none;
}
.exampletxt1 {
color: #FF0000
}
</style>
</head>
<body>
<center>
<table width="750">
<tr>
<td>
<div align="center">
<a href="url here" style="examplelinkstyle">
Your none underlined link
</a>
<br />
<span style="exampletxt1">
Example text
</span>
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
From Daniel .S.
Daniel .S.
|
|
Just Starting Your Design
Quote:
|
Originally Posted by bash
I somewhere found that, I have to put <Style> for each class. I dont know where to insert it..
|
Here's how it works
You can give tags in your html ID's or classes to style them by in the css.
Using the "style" attribute like <a href="" style="" is for specifying inline styles to a tag, not to link a css class to it. I'm surprised it actually works, and am sure it's invalidto do so.
This would remove the underline from the link : <a href="" style="text-decoration: none;">link</a>
And this way by making a class:
Code:
css:
.noline {text-decoration: none;}
html:
<a href="" class="noline">link</a>
And another way by making an id:
Code:
css:
#noline {text-decoration: none;}
html:
<a href="" id="noline">link</a>
So what's the difference between classes and id's you may ask.
A class can be reused as many times in one html page, while an id should only be used once.
If you wish to get rid of underlines for all your links on the page you could just put this in your css instead of classing each one.
Code:
a {text-decoration: none;}
I hope that explains things a little better.
Egor
|
|
Just Starting Your Design
Thanks Danial and MS ! I wish I were a student of yours!
Anyways, I defined it in CSS. but another problem arised. eventhough I have defined and link/hover/visited/ active link colors in CSS, it still taking the default colors! purple, blue etc. Actually I have not set them in page properties either!! Is there a way to disable the page properties defined colors? Sorry may be simple question but I could not manage it..
Thanks
bash
|
|
Just Starting Your Design
Lol, don't worry, i'm only learning, as I am 12 years old and I have much to learn.
You can't disable the default colours, becuse in every browser, that is what all the main links are...unless you change the page properties, that is how you have it.
Unless you define your links in the body like this:
body {
-----------------------------------
you need to type it without a . before it.
From DanielSefton
Daniel .S.
|
|
Just Starting Your Design
Hi Danial..
Any Idea how to put link to a cell in both dreamweaver and code way?
Thanks
bash
|
|
Just Starting Your Design
bash,
It's not possible without javascript because the tag <a> is an inline element.
CSS is the only solution where you actually turn a certain <a> into a cell-like box by restyling it.
With CSS you can do so much. I suggest looking up tutorials and posting this question in the CSS forum here.
Egor
|
|
Just Starting Your Design
ok, here is how you do it:
<a href="link"><td></a>
It worked for me!
From DanielSefton
Daniel .S.
|
|
Just Starting Your Design
ok, here is how you do it:
<a href="link"><td></a>
It worked for me!
From Daniel .S.
Daniel .S.
|
|
- Source:
- Previous Question: SitePoint Forums eCommerce
- Next Question: AVForums Subwoofers |
|
|
