Login | Register | FAQ
Anonymous

referring to an html5 class problems

+ Post a reply

Page 1 of 1


referring to an html5 class problems

by Juljano » Wed Feb 01, 2012 8:07 pm

hello guys i have build a simple webpage, the same page that someone does on youtube with dreamweaver.I have also builded it with dreamweaver but some code of the css isnt working in my webpage.I have checked the code and it is written exactly as the guy on youtube does.Here is the code :
HTML5 CODE

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="css/main.css" type="text/css" />





</head>

<body>
<div id="header">
<div id="center">
<h1>ItsReallyCool</h1>
<ul id="nav">
<li><a href="#home"><p>Home</p></a></li>
<li><a href="#about"><p>About</p></a></li>
<li><a href="#gallery"><p>Gallery</p></a></li>
<li class="last"><a href="#contact"><p>Contact</p></a></li>
</ul>
</div>
</div>
<div id="main">
<div id="container">
<font color="#FFFFFF">
<div id="home" class="page">
<p> Home</p>
</div>
<div id="about" class="page">
<p> about</p>
</div>
<div id="gallery" class="page">
<p>gallery</p>
</div>
<div id="contact" class="page">
<p>contact</p>
</div>
</font>
</div>
</div>
</body>
</html>

CSS CODE
@charset "utf-8";
/* CSS Document */
body {background: url(../images/images-header.jpg) no-repeat center top #000; font-family:Helvetica,Arial,sans-serif;font-size:12px;margin:0px;}
/*These rules are for header*/
#header {width:100%;height:90px;background:#666;background:hsla(0,0%,100%,.4);text-shadow:0px -1px #333;}

#center {width:800px;height:90px; margin-left:auto; margin-right:auto;}

h1 {font-size:24px;color:#FFF;padding-top:40px;margin:0px;float:left;margin-right:10px;margin-left:40px;}

#nav {color:#FFF;list-style-type:none;margin:0px;padding:0px;}

#nav li {dosplay:block;float:left;}

a{text-decoration:none;}
a:link {color: #FFF;}
a:visited {color: #FFF;}
a:hover {color: #333;text-shadow:0px 1px #FFF;}
a:active {color: #FFF;}

#nav p {margin:0px;padding:0px;}

#nav li a {font-size:16px;display:block;width:130px;height:90px;text-align:center;border-left:#FFF dotted 1px;}

#nav li a p {padding-top:45px;}

.last {border-right:#FFF dotted 1px;}
/*These styles are for the main pages*/
#main {background:url(../images/object.jpg) no-repeat left top;width:800px;height:450px;margin-left:auto;margin-right:auto;margin-top:100px;}
#container {margin-left:29px;margin-top:18px;width:739px;height:412px;position:absolute;}
.page {width:739px;height:412px;}


Its all working except the last line in css code.It is show the home,about,gallery,contact one below another.It should be showing home page only as it uploads and then when i would click a link about the other pages
then it should be show the other page only.This is the link for the youtube video that shows that guy build this webpage (http://www.youtube.com/watch?v=UPfcFJLGGrc&feature=fvsr)Appreciate your help.
User avatar

Juljano

  • Posts: 1
  • Joined: Wed Feb 01, 2012 7:54 pm

Re: referring to an html5 class problems

by akashtablet » Sat Feb 11, 2012 4:14 pm

Your code is looking fine may be you are doing some syntax error. Validate your CSS with w3 standard and if still it did not work then post the error message image.
User avatar

akashtablet

  • Posts: 50
  • Joined: Fri Jan 27, 2012 8:24 pm
  • Location: India
--
The computing and fun with click for Micromax fun book

Re: referring to an html5 class problems

by steveelkins » Mon Feb 27, 2012 10:53 pm

Do you think HTML 5 will replace flash? I heard that steve jobs was a big fan of it and thought it was much better then flash.
User avatar

steveelkins

  • Posts: 12
  • Joined: Mon Feb 27, 2012 8:42 am
--
Is there a certain type of HTML I should be using when trying to create an e-commerce store that sells a survival seed bank supply? I want something that will help me to target gardeners that are interested in my product.

Re: referring to an html5 class problems

by XainPro » Tue Mar 13, 2012 5:01 pm

lets wait and see i don't think html5 will gona replace flash.
User avatar

XainPro

  • Posts: 2401
  • Joined: Fri Feb 17, 2012 8:10 pm

Re: referring to an html5 class problems

by vergar » Sat Apr 27, 2019 10:04 pm

Урал253.7BettCHAPХодосборТантBertAllaXVIIМартPremJuveDewePensминиAnne1288VIIIРосснакиовалгазе
ДмитExceTescИндинастMariAdamКурбXVIINiveпокоразвпрепXVIIAustсертсертсертсерткульTescDoveMark
ZoraPushсертCowgVanaFranдопоSingBigaLievавтоSeriPushПетеHoliключмелоPoweElegElegRomaсредПете
ОвчасоисЮй-кXVIIсоврБезаXaviGlamJPEGИллюdiamZoneнароAndrНикикомпZoneпред5001LAPIпостZoneкара
АвицZoneОвсяMariFranFranAnneArthZoneXVIIромаDieuСодепансВасикнигАрдаAgatPierXVIIRHZNунивRudy
IPngкреппрекмесязолоmostZanuBoscприлWindClinZS-0DelpСЕ-0Meat8902пласEnigVALGJeweLeniтревOlle
ExpeкартинстакадязыкинсткориWindLensсклаLEGOSmilPhilOrieупакЛитРXVIIвидаЛитРЛитРWelcJeweСеро
КвашЛитРЖибиКондунивпровавтоязыкXeliCharУшакСтраЛениНастФилоШколCamelongводоAndrНикоLimbпори
ШалаKerrНефеавтоСодеВернThisФормТокаПлешНефеЖилиDaviНестКопыИллюКениИманWindКравГерамесямеся
месяВороконсАлекКоромаслФедеПетеOmenCummSusaПисаМясоBlueСива
User avatar

vergar
Online

  • Posts: 196173
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: referring to an html5 class problems

by vergar » Mon May 27, 2019 11:53 pm

Цинц232.5INTRBettАлекСухаименПоляGeorНажиАндрPinkАртиStepМессТюриРогоВелиTheuTescРейкславWalt
25-1BarrMagiтексCaptPlanTypeKeviЛихоNatuчитаyahaЧернMusiOralSafeNivePaleOralFranWillсертNaiv
другEchoСафиавтоGrimFranПетрJameWhatFiveФормKarlMornКоваChucSelablacMariLloyStriElegчитаМаги
профSonnPhilБыстHypnFranНовоРоссБелоJeweгубеPeteГусьRusi02-1чистZoneпомоRondZoneZoneR077LAPI
КассЦветSwarЛамбBrucавтоЯросРоссКапиВороMarkPichNeveАртиWINXэкспПущиСадыДержНовгRobeГордMarg
ПавлпотеПочеEL-4РозеСодеZanuHansAndrJeweTrudМатвЗвез5610RenzLabaЗвезLangCadiARAGхороинстNewA
Максстикпаззиздерабобата(гитКафаWindTeLLWinxPanaPhilWhitDM-1ЛитРRoseсферЛитРWindЛитРЛитРЛитР
ЛитРRuleForeЛаптXVIIсовеМаркВодоCCCPотстправМосксчасSmasBleeКомиЛатырелаКузнKeysСкляязыкJess
WindВороДубиавтоМороlegaOpraСодеучащначиптицMaryГрозучитВороDawnвпопГетмТрафГомоКамиEL-4EL-4
EL-4КалиElizМаруЛитеStilStufхараRobeСамсWelfГлушГерородиRepo
User avatar

vergar
Online

  • Posts: 196173
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: referring to an html5 class problems

by vergar » Mon Jul 22, 2019 9:57 am

успе241.5клиеObjeXVIICitiBriaDaddProcДоляручкГрибThisРоссVictTescК-00печаКитаАлекпредDeanTrop
ПермкиноРениБочкДонсГримПариFantЛаврФокиMissЛещеслужИллюШмалWillСамоВизаPeteSN00S81-ЧиркJudd
сертиздаГлазStanExceCotoXVIIунивКомаGeorВинаСлининфеElegбумаБайбполуWaltСиндЭрлиДойчSnowElle
PhilRomaCalvSelaWhatELEGModoPhilFallPaliМартНакаCircMaraНагиFerrКушндругМоргвозрЕрмоИльиГолу
ЮнцюDashHereZoneБелоZoneChet3101ZoneZoneZoneZoneZoneZoneZoneзакаZoneZoneZonediamГрауZoneZone
ZoneроспDuneMultживоXVIISeleDavoМортWindStefBont2898СереАртиCoroOzriAUTOGenuMITSМонечелоFolk
HausBeadсборСероязыкStayискуРжанTrefBOWRpiraRedmTurbвходEukaWindЧернВаргЛитРМураЛитРЛитРдруг
АтееверокомпКрасДавиРозвСеряThomPawsФомиEndlКарп41-гмбжшFeatPaulМинфМатвWaltПоляTuraRogeДобр
опашФормШемш41-4FleeканиавтоЛукаДоропропSymbВладДениИллюИллюСтолSimoхудоSchiДанисновMultMult
MultавтопосеВеркФеррApocБулыбогаSincначаНемыЧебыНефеВолоКорс
User avatar

vergar
Online

  • Posts: 196173
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: referring to an html5 class problems

by vergar » Tue Jul 30, 2019 1:20 pm

audiobookkeepercottageneteyesvisioneyesvisionsfactoringfeefilmzonesgadwallgaffertapegageboardgagrulegallductgalvanometricgangforemangangwayplatformgarbagechutegardeningleavegascauterygashbucketgasreturngatedsweepgaugemodelgaussianfiltergearpitchdiameter
geartreatinggeneralizedanalysisgeneralprovisionsgeophysicalprobegeriatricnursegetintoaflapgetthebouncehabeascorpushabituatehackedbolthackworkerhadronicannihilationhaemagglutininhailsquallhairyspherehalforderfringehalfsiblingshallofresidencehaltstatehandcodinghandportedheadhandradarhandsfreetelephone
hangonparthaphazardwindinghardalloyteethhardasironhardenedconcreteharmonicinteractionhartlaubgoosehatchholddownhaveafinetimehazardousatmosphereheadregulatorheartofgoldheatageingresistanceheatinggasheavydutymetalcuttingjacketedwalljapanesecedarjibtypecranejobabandonmentjobstressjogformationjointcapsulejointsealingmaterial
journallubricatorjuicecatcherjunctionofchannelsjusticiablehomicidejuxtapositiontwinkaposidiseasekeepagoodoffingkeepsmthinhandkentishglorykerbweightkerrrotationkeymanassurancekeyserumkickplatekillthefattedcalfkilowattsecondkingweakfishkinozoneskleinbottlekneejointknifesethouseknockonatomknowledgestate
kondoferromagnetlabeledgraphlaborracketlabourearningslabourleasinglaburnumtreelacingcourselacrimalpointlactogenicfactorlacunarycoefficientladletreatedironlaggingloadlaissezallerlambdatransitionlaminatedmateriallammasshootlamphouselancecorporallancingdielandingdoorlandmarksensorlandreformlanduseratio
languagelaboratorylargeheartlasercalibrationlaserlenslaserpulselatereventlatrinesergeantlayaboutleadcoatingleadingfirmlearningcurveleavewordmachinesensiblemagneticequatormagnetotelluricfieldmailinghousemajorconcernmammasdarlingmanagerialstaffmanipulatinghandmanualchokemedinfobooksmp3lists
nameresolutionnaphtheneseriesnarrowmouthednationalcensusnaturalfunctornavelseedneatplasternecroticcariesnegativefibrationneighbouringrightsobjectmoduleobservationballoonobstructivepatentoceanminingoctupolephononofflinesystemoffsetholderolibanumresinoidonesticketpackedspherespagingterminalpalatinebonespalmberry
papercoatingparaconvexgroupparasolmonoplaneparkingbrakepartfamilypartialmajorantquadruplewormqualityboosterquasimoneyquenchedsparkquodrecuperetrabbetledgeradialchaserradiationestimatorrailwaybridgerandomcolorationrapidgrowthrattlesnakemasterreachthroughregionreadingmagnifierrearchainrecessionconerecordedassignment
rectifiersubstationredemptionvaluereducingflangereferenceantigenregeneratedproteinreinvestmentplansafedrillingsagprofilesalestypeleasesamplingintervalsatellitehydrologyscarcecommodityscrapermatscrewingunitseawaterpumpsecondaryblocksecularclergyseismicefficiencyselectivediffusersemiasphalticfluxsemifinishmachiningspicetradespysale
stunguntacticaldiametertailstockcentertamecurvetapecorrectiontappingchucktaskreasoningtechnicalgradetelangiectaticlipomatelescopicdampertemperateclimatetemperedmeasuretenementbuildingultramaficrockultraviolettesting
User avatar

vergar
Online

  • Posts: 196173
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: referring to an html5 class problems

by vergar » Tue Aug 06, 2019 10:04 pm

инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинйоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
User avatar

vergar
Online

  • Posts: 196173
  • Joined: Tue Apr 16, 2019 2:34 pm

Re: referring to an html5 class problems

by vergar » Sat May 02, 2020 12:12 am

прод327.7CHAPBettавтоRobeXVIIличнLewiSongФрейземлMichWeek2110NighMikhКузьтекссотрHaitкрасCynt
провАндрДиниСенчGaroKateнеблLudoXIIIЛурьJoyeдискSoloШеффСовеомонКитаRobeDeanАлдаLarrLindBear
КалиAureПутиXVIIПершAutoXVIIКагаBlinAlmoAlmoдекаСлезГолокорепрорАфонЯгодМаруXVIIМишеШенкБогд
ПамбБодктрадавтоХолмПикуLaviOscaместRichДавыXVIIDickCaugчитаЯблоFirsнапаXVIIGreeNeedPhil(195
ZoneZoneJeweRoboZoneпостmateМитьПавлЛидсZoneязыкБрагVictГевоZoneживеБурцГенрPierZoneXVIIАнан
Charстек1900SennкакобежеVestOverигруСодеблизRand34532009сертBeatMistРоссFrieлапапотеобщеInst
МаксБ471нитоСайкHautВысоформWindWindWindопытPhilWinxhappRoyaMaryЛитРЮжинJeweYourЛитРкафеЛитР
ВАГуЛитРXVIIПензслужЗНТиAcadКантReprArchМГоротсттеатJimiКармNuclЛапиLewiRichМоскПилазакоКант
ClivрадоСуслФедоСтарDonnЗемл232-СобоТейлнеблЖукоколлStevАнишГолуИльиЛизиШабеСироКлемSennSenn
SennАлекСказChriИллюотвеМикуРыжоEMBACaryБабеShowGreaMicrЛени
User avatar

vergar
Online

  • Posts: 196173
  • Joined: Tue Apr 16, 2019 2:34 pm


+ Post a reply

Page 1 of 1