Hello
Im in the middle of trying to build a site(my first) within it im using tables and CSS,the problem im having is getting the correct leading(line between the next line of text.)
On each line im inserting a small icon of a speaker,its size appears to be bigger than the text size and seems to create a bigger gap then between the next line,i dont want this to happen,i want it much closer together,im using a few different CSS on the same page,the size of the text with this particular CSS is 10 points,style:normal,Line height:1 points.
Because im new to using dreamweaver and of course CSS maybe im missing something important here,if you can put me right in any way please do.
Also when i move down to the next line,the format in properties changes from none to paragraph,is this normal?
Thanks
Audioz
Text is rendered on screen using three regions: The ascendor, descendor, and this middle area I always forget the name of. Recall the three-lined paper you used in grade school when learning how to write in cursive.
=================================================
ASCENDOR REGION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Lower-case letters and bottom of image aligned to bottom of this region.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
DESCENDOR REGION
=================================================
Simply align the images inside a paragraph to the text bottom. Just for this example, I'm giving the paragraph tags that house the text and images a class name: icons.
In CSS
.icons img { vertical-align: text-bottom; }
Using vertical-align: bottom; will probably also work.Hello toicontien
Thanks very much for your reply and taking the time to explain it to me,il give it a try and hopefully it will solve the problem ive been experiencing.
Thanks
Audioz
Im in the middle of trying to build a site(my first) within it im using tables and CSS,the problem im having is getting the correct leading(line between the next line of text.)
On each line im inserting a small icon of a speaker,its size appears to be bigger than the text size and seems to create a bigger gap then between the next line,i dont want this to happen,i want it much closer together,im using a few different CSS on the same page,the size of the text with this particular CSS is 10 points,style:normal,Line height:1 points.
Because im new to using dreamweaver and of course CSS maybe im missing something important here,if you can put me right in any way please do.
Also when i move down to the next line,the format in properties changes from none to paragraph,is this normal?
Thanks
Audioz
Text is rendered on screen using three regions: The ascendor, descendor, and this middle area I always forget the name of. Recall the three-lined paper you used in grade school when learning how to write in cursive.=================================================
ASCENDOR REGION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Lower-case letters and bottom of image aligned to bottom of this region.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
DESCENDOR REGION
=================================================
Simply align the images inside a paragraph to the text bottom. Just for this example, I'm giving the paragraph tags that house the text and images a class name: icons.
In CSS
.icons img { vertical-align: text-bottom; }
Using vertical-align: bottom; will probably also work.Hello toicontien
Thanks very much for your reply and taking the time to explain it to me,il give it a try and hopefully it will solve the problem ive been experiencing.
Thanks
Audioz