Noobie CSS/HTML quesition
- Started
- Last post
- 7 Responses
- Hombre_Lobo
Hey guys!
Trying to build my first site in an attempt to learn html+css, and Ive encountered 2 problems.
1) The first is trying to set a class for my headers (that are titles to various sections).
I have within the HTML -
<h5 class="title">Showreel</h5>And in the CSS -
#title {
*various variables - font size etc*
}But this does nothing. I thought that was the right way to call a class. I tried '#title h{ }' too, but no luck.
_______________________2) The second problem is when setting the formatting for headers Ive used the same css settings in each header, but when i get to header7 (<h7>) it doesn't do anything.
so i have -
h4 {
margin-top:50px;
padding-bottom:20px;
color:#D2D2D2;
font-size:1em;
}same settings for header tags 4-7. But in header tag 7 it doesn't effect anything at all.
HTML looks like this -
<h7>International</h7>
<p>Lorem ipsum dolor sit amet</p>Anyone know why? Hope you geniuses can help! As I'm code noobie, small words, visual aids and a patronizing voice are optional.
Thanks!
- uan0
.myclass
#myId
for css definitions.
- monospaced0
.mydick
#hrface- sorry, it's early and I make terrible jokesmonospaced
- lol its all good. code jokes are so geeky an awesome.Hombre_Lobo
- shouldn't it be #yrface ?uan
- uan0
and there is no h7 in html...just h1-h6.
- Hombre_Lobo0
sorry for the late reply, had to rush out for the day.
thanks all. Ill give that a try.
- Gordy220
If you're starting out, I'd recommend a reset stylesheet as it resets all the inherited units to pretty much nil which really helps with cross-browser rendering.
- jadrian_uk0
/*CUFON */
.cufon-loading .rooms_desc, .cufon-loading #main_menu, .cufon-loading #contact_text, .cufon-loading .text {
visibility: hidden !important;}
/*GENERAL */
*{ margin: 0;padding: 0 }
html {overflow-y:scroll;}
a{ text-decoration: none;color: #938d7d;}
a:hover{color:#C5AA5A;}
body{font-size: 12px;background-color:#37372c;}
div#main_div{ padding-top: 22px;padding-left: 36px;padding-bottom: 20px }
img{ border: 0; }
ul{ list-style-type: none; }/*COMMUN */
.text{ font-size: 12px;margin-top:22px;line-height... white;}
.citations{font-size: 25px;color: #9d8538;font-weight: lighter;font-family: Georgia;border: 0px solid red; }
.author_citation{ font-size: 12px;margin-top: 16px;float: right;}
.Georgia_title{font-size: 25px;font-family: Georgia;color: #9d8538;}
.underline_link{ border-bottom:1px solid white ;color: white;outline:transparent;paddin... 2px; }
.clear_both{clear: both;}
.allInputStuff{border: 1px solid transparent;background-color:#9A... ;color: black;font-family: arial;}
.inputText{width: 330px;height: 30px;margin-top: 10px;margin-bottom: 15px;}
.textArea{height: 127px;width: 330px;margin-top: 10px;margin-bottom: 15px;}
.inputSubmit{width: 100px;height: 30px;cursor: pointer;}
.inputSelect{height: 30px;padding-top: 5px;}
.HR{ border: 1px solid gray; }
.ajaxEcho{ font-size: 12px;height: 14px }/*what contains the progress.gif icon *//*MAIN_MENU.PHP*/
ul#main_menu{border: 0px solid red;margin-bottom: 53px;}
ul#main_menu li{ display: inline;margin-right: 22px;}
ul#main_menu li a{color:#ebe3c9;outline: transparent;}
ul#main_menu li a:hover{color:#C5AA5A;}img#logo{position: absolute;left: 1080px;top:10px}
/*INDEX.PHP */
div#container_lc{width: 290px;margin: 0 auto;border: 0px solid red ;text-align: center;height: 100%;}
div#lang_chooser{position:absolu... 290px }
div#lang_chooser a{color:#a1862d; }
ul#lang_chooser{ margin-top: 14px;margin-bottom: 14px;}
ul#lang_chooser li{ display: inline;margin-right: 44px;font-family: Georgia;font-size: 12px;}
ul#lang_chooser li a{color:#a1862d;outline: transparent;}/*RIAD-AL-LOUNE.PHP */
/*LOCATION.PHP */
/*ROOMS.PHP */
ul#rooms_menu{ margin-top: 55px; }
ul#rooms_menu a{ font-size: 25px;font-family: Georgia;color: #9d8538;outline: transparent; }
/*ul#rooms_menu a:hover{color:#a7a18f} */
.rooms_desc{ display: none;width: 470px;color: white;line-height:20px;font-size... 12px; }/*OVERVIEW.PHP */
#navig{ color: white; }/*CONTACT.PHP */
/*RATES.PHP DYNAMIC CALENDAR */
table#calendar td{text-align:center;border-left... solid #4B4B4B;padding:5px;}
td.full{ background-color:#C5AA5A;font-we... bold;}
td.free{ color: black;font-weight: bold;}
.check_availability:hover{color: ;background-color: #d8b63b}
.book{background-color: #00DF38;width: 140px;}
.book:hover{color: white;}.borderBottom{border-bottom:1px solid #4B4B4B;}
.borderTop{ border-top:1px solid #4B4B4B;}
.borderTransparent{ border:1px solid transparent;border-left: 1px solid transparent}/*BACK OFFICE */
table#BO_submit_reservation{bord... solid #4B4B4B;}
table#BO_submit_reservation td{text-align: center;border-bottom:1px solid #4B4B4B;padding:5px;}