Search the Community

I have text in small size font size between two horizontal lines. I find the spacing is rather too wide. How do I reduce the spacing?

Hello again, It would seem that the final piece of my puzzle doesn't want to play nice. I've wrapped my footer links and text in a <div> and styled everything so that the footer is nice and centered, filling the width of the site_wrap <div> it is all within nicely- that is in IE any way. In Firefox there are clearly differences between font width (which should just be font-size), line-height, font-weight, letter-spacing and word-spacing. To combat this, I tired styling each of these properties with exact values (in case browser-default stylesheets were slightly different) as follows in the bottom 5 properties: #bottom_links { width: 1200px; align: center; margin: 0 auto; position: relative; top: -60px; left: 20px; font-size: 11.3px !important; font-weight: 300 !important; line-height: 15px !important; letter-spacing: 0px !important; word-spacing: 0px !important; } Note- the !important's shouldn't even be needed as there are no other calls to #bottom_links any closer to the content, but I even tried it in case. Yet none of this styling had any effect. The result didn't change a bit: An example of this has been posted at http://www.surefireny.com/footer_problems.html as I am sure I must be missing something in the code or CSS

I have this really annoying problem with my webfont having different natural spacing on my Mac compared to the PC.Here's the difference: MAC: PC: As you can see the natural spacing is beneath the text on Mac and above on PC. The problem is cross browser. I've tried all kinds of css tweaking including line-height, padding, height of div; but as you can see the problem is apparently not in the css but in the font rendering itself.Anyone with a clue about this?Thanks!

I would like to place a poem on top of an image I have already made. I want each line of the poem to be single spaced and the starting letter of each line to be vertically below each other as it would be in a column. I want the column to be on the right hand side of the image. How do I regulate the spacing between the lines of text? How can I ensure that each line of the poem is retained as per the original layout? How do I position the column of text on the image?

Hey, I've added a screenshot to make it easier to for you guys to help me. I'm not sure why this is happening because I haven't changed a thing and it was al perfectly fine before. My web developer program shows my <ul>'s -webkit-padding-start: 40px;. So I've tried to change it to 0 pixels in my CSS file but nothing won't change.Does someone have an idea how I can make the space around the <ul> go away. Thanks in advance! Greets,Porkypie

I'm having some issues with our HTML. Attached is the new version of our website that I'm working on but the pictures need to be in a horizantal line rather than the diagonal that they're currently in. The images are coded from our /admin.php site so they aren't directly linked in the code- is this what is causing the issue? Below is the code- any thoughts? I've tried everything that I know. The //fixed highlights are the smaller images up top and the //slideshow is the larger image... The website before hade the slideshow at the top and the fixed highlights at the bottom and we just want to flip it. // fixed highlights $html = ''; $displayed = 0; $slide = unserialize(file_get_contents('images/home/highlights.txt')); if (count($slide)) { foreach ($slide as $key=>$param) { if ($param['active'] && ($displayed < 3)) { $html .= '<td>'; if ($param['URL']) $html .= '<a href="' . $param['URL'] . '">'; $html .= '<img src="/images/home/' . $param['image'] . '.jpg" width="250" height="150" border="0" alt="" style= float:left;/><br />'; if ($param['title']) $html .= '<h4>' . $param['title'] . '</h4>'; if ($param['URL']) $html .= '</a>'; $html .= '</td>' . "\n"; $displayed++; } } } if ($displayed) { print('<tr valign="top">' . "\n" . $html); if ($displayed < 3) { for ($i=$displayed; $i<3; $i++) print('<td style="width: 250px;"></td>' . "\n"); } print('</tr>' . "\n"); } // slideshow $html = ''; $slide = unserialize(file_get_contents('images/home/spotlight.txt')); if (count($slide)) { foreach ($slide as $key=>$param) { if ($param['active']) { $html .= '<div class="slide">'; if ($param['URL']) $html .= '<a href="' . $param['URL'] . '">'; $html .= '<img src="/images/home/' . $param['image'] . '.jpg" width="800" height="400" border="0" alt="" />'; if ($param['URL']) $html .= '</a>'; if ($param['title'] || $param['subtitle']) { $html .= '<div class="caption">'; if ($param['title']) $html .= $param['title'] . '<br />' . "\n"; if ($param['subtitle']) $html .= '<span class="subtitle">' . $param['subtitle'] . '</span>' . "\n"; $html .= '</div>' . "\n"; } $html .= '</div>' . "\n"; } } } if ($html) print('<div id="slideshow">' . "\n" . $html . "\n" . '</div>' . "\n" . '<div id="slidenav"></div>' . "\n"); // open lower grid print('<table cellpadding="0" cellspacing="25" border="0" style="margin: 0px -25px 0px -25px;">' . "\n"); // second row -- feeds and connect links if (dbconnect()) { print('<tr valign="top">' . "\n"); // news $sql = 'SELECT *,DATE_FORMAT(posted,"%M %e") AS pdate FROM news ORDER BY highlight DESC, posted DESC LIMIT 1'; $result = mysql_query($sql); if (mysql_num_rows($result)) { print('<td><h5>News</h5><p>' . "\n"); $row = mysql_fetch_assoc($result); mysql_free_result($result); print('<a href="' . ($row['url'] ? $row['url'] . '" target="_blank' : '/about/news.php?id=' . $row['ID']) . '">'); print($row['title'] . '</a><br />' . "\n" . '<span class="date">Posted ' . $row['pdate']); if ($row['source']) print('</span></p>' . "\n"); print('<p><a href="/about/news.php" class="social news">more news...</a></p>' . "\n"); print('</td>' . "\n"); }