A place to discuss issues relating to cascading style sheets and general page layout, including browser support and browser bugs.
Welcome to the second in our series of 'Talk With The Experts' live forum workshops. Next up is WordPress with SitePoint developers Harley Alexander (front end and WordPress) and Bernard Peh (PHP and WordPress) along with assorted Advisors from here at the forums. The session will kick off at...
Jodie Moule (author of our upcoming UX book) is looking for some SitePoint community members to interview for her book. She is specifically interested in what it is that you want from a UX book. If anyone is interested in taking part, please PM me your name and email address and I'll hook it up.
CSS Resources, Tutorials, Tips and Tricks (please report broken links) 1. Rebuilding a Site With Standards http://www.meyerweb.com/eric/talks/2002/wdw-boston/meyer-rebuilding.html
CSS - Test Your CSS Skills Number 40 - Dead Centre: Quiz now ended - Solution in post #32 Important: Don't post your answers in this thread but PM with the details instead so that all can have a go. This quiz is taken from a real life situation and although the solution should probably have...
I’m really struggling with whether to learn and use CSS for layout. I’ve been a designer for over 20 years and been using tables for layout for 13 years. Most of the sites I create are for small businesses averaging around 10 - 60 pages. (10-20 is most common.) I really like using CSS for...
The previous "Sticky threads" are being amalgamated into this Ultimate Sticky thread. You will find links below to all previous "Sticky Threads" below: (This is a work in progress) Sticky Threads: CSS Test Your Skills - Archived Quizzes CSS for Mobile sites CSS display:table - Pros and Cons...
To the right of my "Log In" button on my Log In Form, I want to add the hyperlink (Forgot Password??) Can an anchor element <a> stand on its own, or should it be wrapped in a block element like a <p>?? Debbie
I have a website that I just need to make some minor changes to the CSS. Otherwise it looks pretty good on mobile devices. Instead of rewriting a whole stylesheet for mobile devices, how can I implement some minor changes. I have a Thrive and and iPhone that display similar discrepancies, but...
Hi All, What im trying to do is have the background-color of a menu item be different if the user is on that page. So if the user were on this page: http://www.messagetrain.com/2012/face-to-face-bis-sales.php I want that menu item to be blue. The way i usually do this by using a body id in...
(I cringe at bringing this topic up for fear someone like DeathShadow is going to let me have it, but here goes...) :lol: My website has been designed to look and feel like a Desktop Application, including lots of clickable Buttons to navigate around. Last Fall, Paul O' showed me how to...
I have an issue that has just recently come to my attention. We have a report that clients can view. Works perfectly fine in Firefox because that's what we use to test normally. Well we've had 2 isolated incidents of where a client loaded it in chrome or ie and the margins and spacing are...
My product detail page is using a combination of fixed and fluid widths. I'm having trouble when the page is scaled down to about 1024px wide. The product description jumps down because it runs out of room. I'm wondering what I might try to keep things in place. Otherwise, I could try something...
I use <A NAME=" "> around headings so that when I click a link from an index at the top of the page it jumps to the heading. However, once I add the <a ... /a> tags to the heading it changes colour as though its a link. If I have a class called .heading, in the stylesheet how do I make it so...
Hi, Can someone please assist with a fix for IE9 in particular margins and padding? I have two divs sitting on top of each other, with a padding applied to the top div and margin-bottom. I just updated to IE9 and suddenly the two divs are nearly touching each other. Not sure what to do. If I...
Hi, I have managed to work out how to use HTML and CSS thanks to the Sitepoint book and made a website - http://www.ubereadoolische.com/. However, how would I go about learning how to create something slightly more modern looking - like http://csszengarden.com/?cssfile=/208/208.css&page=0 for...
Having issue with the nav links across the bar not being lined up correctly. http://xpeditefulfillment.com/ Any help would be appreciated. Thanks Ryan.
Hi Everyone I am having some CSS issues with the rotator in my website in a couple Apple products. iPad 1 3.2.2 and iPhone 4.0.5. I am having trouble fixing it. I was wondering if anyone had any ideas. Please see the attached files. The following is a link to the website page with the issue ...
I am using a print style sheet to remove borders and scroll bars from my form. While this style works for textareas, it does not remove the arrow from a select tag. select { scroll:none; border:none; scrollbar-base-color: #FFF; scrollbar-face-color: #FFF; scrollbar-arrow-color: #FFF;...
Yello All. I am having some issues understanding the rendering of Google Web Fonts on my computer. I am running Windows Vista and can't understand why the pixelation is so bad on Chrome, Firefox, Safari, Opera, but is smooth in IE9... Could anyone shed any light on this?
what is best approach for css-only dropdown menus w/o JavaScript? thank you..
Hi all, So, I'm working on a Wordpress site and have two issues on my homepage: 1) I've used jquery to load an image where I should have a link...this is the jquery I used: <script>$(document).ready(function(){ ...
I'm having trouble getting content on the bottom of this page to be placed closer to the top of the black background. The red thin line should be running just above the 'Copyright', but I'm having trouble figuring out what is causing the gap. I'd like to know what's causing the excessive spacing...
Hi All, This ease transitioning stuff is all a bit new to me so apologies if its obvious! I have a menu and each <li> has its own class as the background image for each is different. What i'm trying to do is get the background image on the hover to fade in over the top of the original. I...
I am having some trouble trying to set my header to scroll with my page. I'm using Dreamweaver with a template I have recently purchased, I have tried some code I found online but It's not changing anything. I set the header to fixed and it's working but collides into my slideshow that was...
http://coronadoreconsultants.com/index.php in IE, why is the navbar all screwed uyp? Is it the right border on the last li? Thanks...
I have a drop-down menu for which the background needs to be roughly 60% opaque. Pretty simple. But what's the best way to do this without making the menu items themselves 60% opaque? I want them to remain at 100%. Since the menu items are part of an unordered list, and because the height of...
I am trying to design a new layout for my existing web site but can't seem to figure it out. I want to have a wide picture centered as the background but have a solid color fill in where a person may be viewing it on a wider monitor. An example is here - http://dev.heavytshirt.com/new.html I am...
My office's website uses a template that's based on our web folder structure. Serverside includes and stylesheets are brought into each page based on where it lives on the server, so only the content ever has to be coded when a new page is added. For CSS, we basically load three sheets, in this...
On this page the content is going beneath the red bar, how can I fix it? http://bit.ly/wcrW0B
Hi, I am working on website, and the more data i add to the right sidebar, the more downwards is the content and leftbar is pushed. what am i doing wrong and how do i fix it?
I am looking to add a form that only contains the following: - text box - submit button I want it to the text box is wide on the left and a large submit button inline to the textbox on the right. Anyone able to help code some to make that work? I can code the back end no problem.
I have the following divs: <div id="contents"> <div id="searchbar"> <h1>Heading</h1> <input type="text" name="search" id="search"/> <input type="submit" value="Search" id="searchbutton"/> </div> </div>
Is it possible to set flexible height?
Hi I'm trying to find a way to make a background image resize vertically, so you always see the full height of the image and it always fills the viewport. It needs to resize proportionally but it doesn't matter if it fills the screen horizontally or not. I've managed to do a background...
This is my coding for a HTML table.. <table width="100%" border="0"> <tr> <td width="20%"><center><img src="image.jpg" width="190" height="130" /></center></td> <td valign="top" width="80%" cellpadding="10"><p>TITLE</p> <p>Text here</p></td> </tr> </table>
Hello. before i must tell about my story here is it. After Update Major PR 2012. My PR also Grow up to PR 4. but i think something wrong when i check it last night. my PR being PR N/A.( i think Yesterday iam still PR 4 then why now PR N/A ???) can all expert gimme some answer?? what going...
I want to make a sudoku grid in css. I have tried this but it does not work. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="Eng" xmlns="http://www.w3.org/1999/xhtml"> <head> <style type='text/css'>...
Any ideas for Talk With The Experts session? I'm currently considering jQuery or Ruby for next month. Your thoughts?
I have Facebook and Twitter icons on this page that aren't lined up in Chrome: http://www.spsact.org Sometimea they are lined up but if you refresh the page they go out of alignment again. This looks fine in Safari and Firefox. Any help would be appreciated. Thanks.
Hi All, Im currently developing a site using LightCMS. On the homepage i have a product listing which displays 4 products. In FF, Safari and IE9, they are all horizontally lined up correctly, however in IE 8 & IE 7 they are in a grid of 2 x 2. I contacted LightCMS and they told me to create a...
Hey all. I'm new here and I thought I'd pop in and offer up a question. As we all know, Internet Explorer offers nightmares for web developers. This was (slightly) rectified with the <!--> statements. Of course, I can specify (to Internet Explorer...say...7) that I want it to use the...
Can anyone reccomend a good tutorial showing how to use http://goldengridsystem.com/ Or any tips and tricks... Thanks!
On a page of my website at http://www.southgatecountyschool.co.uk/song.php below the menu does not have the blue background of the rest of the <nav> section which I suspect is due to other floated objects on the page. Can anyone enlighten me how to get the background colour please? The rest of the...
Hi Folks, Just a quick question, hopefully somebody can clear this up for me please. I have my navigation menu in a php include file being expressed in each page. <?php include("includes/menu.php"); ?> I also have my menu styled in my CSS sheet. However, the problem lies on the link being...
Hello, and thank you for checking out my thread.... I am designing a WordPress theme, all is well. At least when it come to Browsers the recognize CSS3, crazy right? Anyways, I am taking allot of Aspirin to tackle this IE issue.... With that being said, I really need some advice from the...
hi friends, i need your help plz open http://smashinghub.com in IE, and check header and footer, things going vertically, i attached screenshot as reference thanks
Use this control to limit the display of threads to those newer than the specified time frame.
Allows you to choose the data by which the thread list will be sorted.
Order threads in...
Note: when sorting by date, 'descending order' will show the newest results first.
Forum Rules
