The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.
|
 |
|
Dev Shed Forums
> Web Design
> CSS Help
|
Basics Question! (Aligning list-items)
Discuss Basics Question! (Aligning list-items) in the CSS Help forum on Dev Shed.
Basics Question! (Aligning list-items) Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.
|
|
 |
|
|
|
|
Dev Shed Forums Sponsor:
|
|
|
January 27th, 2013, 04:22 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 6
Time spent in forums: 53 m 48 sec
Reputation Power: 0
|
|
|
Basics Question!
Hi everyone, I'm new to this forum and also a new coder. I have been coding a site that has already had a template developed by a different developer and I'm taking over their work.
I have a few basic questions that seem simple enough but I can't figure out for some reason.
I can't figure out how to get the number 2 to align with the other numbers on this page. I've tried copying and pasting code from numbers 3 & 4 and also using <br> but it still won't work. Any suggestions?
love my provider [dot] com [slash] dev [slash] howitworks.php
[Moderator edit] http://lovemyprovider.com/dev/howitworks.php [/Moderator edit]
Code:
<h2>How it works</h2>
<!-- services -->
<div class="services">
<!-- <img class="alignright size-medium" title="" src="http://lovemyprovider.com/dev/images/frontpage.jpg" alt="" width="300" height="200" />--><ul >
<li><img src="images/search-icon-blue-1.gif" align="left"/><span>Search our database for your child's current provider.</span></li><br>
<li><img src="images/search-icon-blue-2.gif" align="left"/><span>Leave a review of how that provider has helped. </span></li><br><br>
<br><li><img src="images/search-icon-blue-3.gif" align="left"/><span>Read other parents' reviews of their providers.</span></li><br>
<li><img src="images/search-icon-blue-4.gif" align="left"/><span>Still can't find what you're looking for? Let us know and we will respond within 48 hours.</span></li><br>
</ul>
</div>
Last edited by Kravvitz : January 27th, 2013 at 04:56 PM.
|
January 27th, 2013, 06:52 PM
|
|
|
|
In your style.css file...line 292... .services ul li rule.
add the clear:both; property.
And you should be able to get rid of all of those <br>'s between your <li> items afterwards.
|
January 27th, 2013, 10:29 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 6
Time spent in forums: 53 m 48 sec
Reputation Power: 0
|
|
Quote: | Originally Posted by DonR In your style.css file...line 292... .services ul li rule.
add the clear:both; property.
And you should be able to get rid of all of those <br>'s between your <li> items afterwards. |
Where do I find the styl.css file? That's how new at coding I am... 
Also I was trying to transfer the /dev site to the home site and it looks like the theme got completely wiped somehow. Any suggestions? (Same URL as listed above but no /dev at the end)
|
January 29th, 2013, 02:09 AM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 10
Time spent in forums: 3 h 16 m 38 sec
Reputation Power: 0
|
|
|
Absolute path problems it sounds like
First, this is where your style.css file is http//lovemyprovider.com/dev/css2/style.css
Please add a colon (  after the http, I'm not allowed to post links yet.
As for your these being wiped out is is most likely because the files are no long linked correctly.
Say in dev the styles are located at :
http//lovemyprovider.com/dev/css2/style.css
There is probably a link tag linking the css such as:
PHP Code:
<link rel="stylesheet" type="text/css" href="http//lovemyprovider.com/dev/css2/style.css">
If you move the css2 folder down a level that file will no longer exist at that location and would have to be changed to
PHP Code:
<link rel="stylesheet" type="text/css" href="http//lovemyprovider.com/css2/style.css">
You may have your work cut out for you. On that page alone there are 39 requests including the images, style, and scripts.
Goodluck
|
January 29th, 2013, 08:50 AM
|
 |
Contributing User
|
|
Join Date: Sep 2003
Location: Germany
|
|
You could also just remove
in
Code:
.services ul li {
color: #508900;
display: block;
float: left;
font-size: 16px;
font-weight: bold;
margin: 0;
padding-bottom: 10px;
}
(line 292 in your css)
|
January 29th, 2013, 03:18 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 6
Time spent in forums: 53 m 48 sec
Reputation Power: 0
|
|
Quote: | Originally Posted by IkoTikashi You could also just remove
in
Code:
.services ul li {
color: #508900;
display: block;
float: left;
font-size: 16px;
font-weight: bold;
margin: 0;
padding-bottom: 10px;
}
(line 292 in your css) |
Thank you so much, IkoTikashi! That worked! Very simple way to solve that problem . Muchas gracias!
@KhayHurst - Now if only I could figure out that folder issue. I can't find which file contains the link url you're talking about that points to /dev/css2/style.css
It's not in the header, the index or footer.. Any idea which folder it is? Once I find it I can just replace-all "dev"... but until then I'm stumped!
Thank you all for being so helpful.
|
January 29th, 2013, 03:19 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 6
Time spent in forums: 53 m 48 sec
Reputation Power: 0
|
|
Quote: | Originally Posted by khayhurst First, this is where your style.css file is http//lovemyprovider.com/dev/css2/style.css
Please add a colon ( after the http, I'm not allowed to post links yet.
As for your these being wiped out is is most likely because the files are no long linked correctly.
Say in dev the styles are located at :
http//lovemyprovider.com/dev/css2/style.css
There is probably a link tag linking the css such as:
PHP Code:
<link rel="stylesheet" type="text/css" href="http//lovemyprovider.com/dev/css2/style.css">
If you move the css2 folder down a level that file will no longer exist at that location and would have to be changed to
PHP Code:
<link rel="stylesheet" type="text/css" href="http//lovemyprovider.com/css2/style.css">
You may have your work cut out for you. On that page alone there are 39 requests including the images, style, and scripts.
Goodluck |
Thanks! Posted a response below
|
January 30th, 2013, 03:18 AM
|
|
Contributing User
|
|
Join Date: Sep 2003
Location: Germany
|
|
|
For your folder problem: it could also be somewhere in the settings of your site, something like a "base url" set for your project. This could be set to "http://lovemyprovider.com/dev/" in your case
|
Developer Shed Advertisers and Affiliates
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
Rate This Thread |
 Linear Mode
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
