Could use some CSS help please ....

Toutes les questions et les aides qui concernent votre site en xHTML et le CSS
JensenBreck
Tutomaker Junior
Tutomaker Junior
 
Messages: 34
Enregistré le: Lun Sep 18, 2017 3:57 pm

Could use some CSS help please ....

Messagepar JensenBreck le Sam Nov 04, 2017 2:37 pm

a:link {
border-bottom: 1px dotted #955251;
}


What I want the above code to do is ONLY put a dotted line under the links in the content area of my site.

==============
padding for all bullets

I would like all bullets on my site to be padding (have a margin-bottom: 15px What would I add to or change in:


ul, ol { margin-left:2.0em; padding-left:10px; }


===============

Change format of Heading so that the First Letter of Each Word is Capitalized (Upper case) Right now, ALL THE words are capitalized.

h1,h2,h3,h4,h5,h6 {
padding:12px 0 6px 0;
font-family:bodoni, helvetica, georgia;
color:rgb(35,35,70);
text-align:center;
}


Thanks in advance!

I didn't find the right solution from the internet.
References:
http://www.htmlforums.com/forum/website ... elp-please

Advertising Campaign

Trashcan
Tutomaker Junior
Tutomaker Junior
 
Messages: 1
Enregistré le: Mer Nov 15, 2017 9:24 am

Re: Could use some CSS help please ....

Messagepar Trashcan le Mer Nov 15, 2017 10:08 am

Hi,
Here's for your links. Just overide the default CSS behaviour of underlying links with text-decoration:none and put a padding to add some space (you can remove it as you like).

Code: Tout sélectionner
a:link {
  border-bottom: 1px dotted #955251;
  text-decoration:none;
  padding-bottom:5px;


For the bullets, ul represent the list while li is the bullets itselves. To add space under each bullet, you must style li.

Code: Tout sélectionner
ul, ol{margin-left:2.0em;padding-left:10px;}
li{margin-bottom:15px;} 


For the headers, you have some inherit from *, html, body in your code. Normaly, no words are ever capitalized. With CSS, captitalized the first letter of each word in a sentence is impossible, only by some Javascript or the CSS code under. I put just for the show, do not use this in production please. ::first-letter only works on a block element, so have to force span to display as a (inline-)block.

CSS time
Code: Tout sélectionner
h1 span{display:inline-block;}
h1 span::first-letter{text-transform:uppercase;}


HTML time
Code: Tout sélectionner
<h1>Title <span>header</span> 1 <span>in</span></h1


Enjoy



Retourner vers xHTML / CSS

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invités