logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-23-2015, 07:11 AM   #1
Morwong
 
Join Date: Jan 2015
Posts: 3
Default problem with font sizes

Hi there,
I have trouble to get the font size to match on one of my pages, and I would greatly appreciate help. I am new to this, so please explain it for an beginner.
Thank you!

The URL is
http://marenwellenreuther.com/Research%20Projects.html

and the code for the 4 segments is


<!-- Main -->
<div id="main">
<div id="content" class="container">
<section>
<header>
<h2>RESEARCH PROJECTS</h2>
<span class="byline">For a more complete list of ongoing work please see my <a href="/Publications.html">Publication</a> page</span>
</header>

</section>
<!-- Main -->
<div id="main">
<div id="content" class="container">



<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic01.jpg" alt=""></a>
<p><header>
<h3><strong>Ecological, behavioural and genetic population divergence in damselflies</strong></h3>
</header>
<p>Calopteryx damselflies are widespread across Europe and display staggering intra-and interpopulation divergence in phenotype. We have been using ecological, genetic and behavioural aproaches to tease apart the relative importance of different processes.<br>
</section>



<section class="6u">
<a href="#" class="image full"><img src="images/pic02.jpg" alt=""></a>
<header>
<h3><strong>Adaptive and non-adaptive mechanisms in damselfly radiations</strong></h3>
<p></header>
<p>Closely related damselflies often show negligible ecological differentiation yet large divergence in characters associated with reproduction. Our work investigates the strength of adaptive and non-adaptive mechanisms in damselfly radiations. <br>
</section>



</div>
<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic03.jpg" alt=""></a>
<header>
<h3><strong>Inversion polymorphism and adaptation in seaweed flies</strong></h3>
<p></header>
<p>The photograph shows one of our field sites at the Lofoten island chain in Norway where we collect seaweed flies. Ecological data, inversion frequencies, transcriptomic and genomic data is being gathered for this project with the aim to better understand the role of inversion polymorphism in adaptation. <br>
</section>



<section class="6u">
<a href="#" class="image full"><img src="images/pic04.jpg" alt=""></a>
<p><header>
<p><h3><strong>Adaptive radiation in triplefin fishes</strong></h3>
</header>
<p>New Zealand has the greatest diversity of triplefin fishes worldwide and the vast majority of the occur in sympatry. My research has looked into the ecological factors associated with speciation in this group. (Photograph: <em>Forsterygion lapillum</em>). <br>
</section>
</div>

</div>
</div>
</div>

</div>
<!-- /Main -->
Morwong is offline   Reply With Quote
Old 01-23-2015, 07:55 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

check your css sheets and look for the font family and font size ,
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is online now   Reply With Quote
Old 01-23-2015, 05:59 PM   #3
Morwong
 
Join Date: Jan 2015
Posts: 3
Default tried, but cannot see a problem

Hello,
thank you for the comment.

I opened the css style sheet and checked it, and I also checked the style codings of the text. The small appearing and large appearing texts on the page have the same underlying css style, so I cannot see why they would be in different fonts on that page.

What am I doing wrong?

Thanks Maren
Morwong is offline   Reply With Quote
Old 01-24-2015, 12:09 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

I looked quickly on code inspector and i think you are getting a font increase from last-child using font at 120%
lines 153-158
Code:
article:last-child
		{
	margin-bottom: 0;
	font-size: 120%;
		}
if not needed try
Code:
article:last-child
		{
	margin-bottom: 0;
	font-size: 100%;
		}
orso it will basically do nothing
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is online now   Reply With Quote
Old 01-24-2015, 04:39 AM   #5
Morwong
 
Join Date: Jan 2015
Posts: 3
Default

Dear edbr,
thanks, I found what you were referring too, thank you. Thing is, I woudl liek all of the text to be large, so 120. How do I change the css style to make all 4 sections of the page appear similarly large?
Thanks in advance, Maren
Morwong is offline   Reply With Quote
Old 01-24-2015, 05:14 AM   #6
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

change the font size to 140% (or 144% to be exact)
d a v e is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:47 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com