larskfischer

Thank you I will have a look at that.

Hi davej I have a very very limited experience with php, and I have never worked with mysql. I had hoped that there would be some templates or tutorials (for dummies) for making this setup.

I am helping a friend who has a website, which I have made some years ago in Html and css. She would like to add a page, where users can get a logon and then be able to add some posts everyday. The posts are then visible for all the users. I have no idea about how to do this and would be very grateful, if someone could point me in the right direction.. Greetings from Lars Denmark

Thank you dsonesuk, it worked. I am very grateful for your help.

I have read the page about the stop method. But it does not solve my problem. When I quickly swipe the mouse pointer across "Behandlingsformer" The image disappears and the sub-menu appears on mouseover And the image reappears on mouseleave, but the sub-menu does not go away... I am sorry for being so thick headed, but I cannot get it to work:-(

Hi dsonesuk Thank you for your reply. I couldn´t get it to work:-( I played around with the .stop(true,true) command, but it never solved the problem. Could you write a bit more about it, please.

Hi justsomeguy Thank you for your suggestion. I have had a look at chaining the functions and it works better. The only problem I have now is, that when I quickly swipes the mouse across the menuheader ("Behandlingsformer"), the sub-menu appears but the picture does not hide. Can you tell me, what the problem is? Greetings from Lars

I am working on this website: http://www.heartbeatgroup.dk/Aletta/Index.html I have made a jquery script in the second picture in menu but it is not behaving quite the way I intended: When I do a mouseover from below, the picture in the menu jumps up and down instead of disappearing. And when I do a mouseover from the top, the whole page makes a little jump, on mouseleave I am a total newbie and help to avoid this would be greatly appreciated. Greetings from Lars Denmark

and here is the mobilestyles css page: /* Phone */@import url("phone.css") only screen and (max-width:320px);/* Tablet */@import url("tablet.css") only screen and (min-width:321px) and (max-width:768px);/* Desktop */@import url("main.css") only screen and (min-width:769px); and the main.css: @charset "utf-8";#container { width: 1200px; max-width: 90%; margin: 0 auto; /*this centers the page */}body { background-color: #000000; font-family: "Tw Cen MT", Arial, sans-serif; font-size: 1em; letter-spacing: 0.08em; color: rgba(0,0,0,1);}h1 { color: #000000; font-size: 1.2em; font-weight: lighter; font-style: normal; letter-spacing: 0.1em;}#header { width: 1200px; max-width: 90%; margin-right: auto; margin-left: auto; background-size: contain; background-repeat: no-repeat; /* [disabled]margin-top: 0px; */ margin-bottom: -20px;}#header p img { width: 100%; height: auto;}#Navigation { float: none; width: 1200px; max-width: 90%; margin-right: auto; margin-left: auto; color: rgba(255,255,255,1); overflow: hidden; /* [disabled]margin-top: -100px; */ margin-bottom: -190px; position: relative;}#Indhold { width: 1200px; max-width: 90%; margin-right: auto; margin-left: auto; z-index: 2; font-family: Arial, Helvetica, sans-serif; background-color: rgba(94,94,96,1); width: 1200px; /* [disabled]padding-left: 50px; */ position: relative; /* [disabled]padding-top: 50px; */}#Indholdsbaggrund { max: 100%; margin-right: auto; margin-left: auto; z-index: 1; background-image: url(../Pictures/Battle2.jpg); background-repeat: no-repeat; background-size: contain; background-position: center top; padding-top: 50px;}#indholdvenstre { float: left; width: 44%; padding-left: 4%; /* [disabled]padding-top: 70px; */ padding-right: 2%; padding-bottom: 20px; /* [disabled]font-weight: bold; */}#indholdhoejre { float: right; width: 46%; padding-right: 2%; padding-left: 2%; /* [disabled]padding-top: 70px; */ padding-bottom: 20px; text-align: center;}#Navigation img { float: right; bottom: 0px; margin-top: 5px;}#Indhold #Indholdsbaggrund #indholdhoejre img { left: auto; right: auto; width: 60%; max-width: 302px; /* [disabled]padding-bottom: 20px; */ text-align: center;}

I am a real newbie at css and html. Learned it from digital classroom book and this is my first post here. I have made this webpage in dreamweaver and it looks good in firefox and chrome. But it does not look right in internet explorer 11. It seems like ie11 cannot find the external stylesheet. Could you please point out, what I have been doing wrong. Thank you. And also, if there are other errors in the code, please let me know so I can learn. Thank you Lars Denmark <!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>Velkommen til Heartbeats hjemmeside</title><style type="text/css"></style><link href="_css/Mobilestyle.css" rel="stylesheet" type="text/css"><link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"><script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script></head><body><div id="container"><div id="header"> <p><img src="Pictures/Head-For.jpg" width="1200" height="231"></p></div><div id="Navigation"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href="#">Heartbeat</a> </li> <li><a href="#" class="MenuBarItemSubmenu">Vi tilbyder</a> <ul><li><a href="#">Liv i byen</a></li> <li><a href="#">Workshop</a></li> <li><a href="#">Skolekoncert</a></li> <li><a href="#">Heartbeatshow</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">Firmaevents</a> <ul> <li><a href="#">Teambuilding</a></li> <li><a href="#">Kickstart konferencen</a></li> <li><a href="#">Stompevent</a></li> <li><a href="#">Heartbeatshow</a></li> </ul> </li> <li><a href="#">Kalender</a></li> <li><a href="#" class="MenuBarItemSubmenu">Media</a> <ul> <li><a href="#">Galleri</a></li> <li><a href="#">Filmklip</a></li> </ul> </li><li><a href="#">Lms</a></li> <li><a href="#" class="MenuBarItemSubmenu">Kun for børn</a> <ul> <li><a href="#">Lær et bodybeat</a></li> <li><a href="#">Byg en stompbalje</a></li> <li><a href="#">Hej med jer</a></li> </ul> </li> <li><a href="#">Pressekit</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Referencer</a></li> </ul> <img src="Pictures/fb.png" width="25" height="25" alt="Facebook"> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></div><div id="Indhold"> <div id="Indholdsbaggrund"> <div id="indholdvenstre"> <h1>Stomp- og performancegruppen HeartBeat</h1> <p> er fire unge, sprælske musikere fyldt med spilleglæde. </p> <p> De leverer en alsidig koncertoplevelse, der bobler af begejstring. Avancerede rytmer præsenteres legende let, mens scenen fyldes af sang, rap, teater og stomp. Stomp er musik på alt andet end gængse instrumenter, og der spilles på hvad som helst. </p> <p>Med hjertevarme og glimt i øjet stråler HeartBeat langt ud over scenekanten og tryllebinder børnene, der undervejs inviteres til at deltage med klap og bodybeat. For hvert et trommeslag – hvert et hjerteslag - breder smilet sig til op over begge ører. </p> <p> </p> <h1>Om HeartBeat</h1> <p>Vi er fire unge, sprælske musikere sprængfyldt med spilleglæde, i alderen 23 til 34 år. Vi har spillet sammen i ca. 18 år og har turneret som stomp-gruppe siden 2009. </p> <p> Vores forkærlighed for rytmer og vores begejstring for at lave musik på alt andet end almindelige instrumenter, har fået os til at elske stomp-genren. Men på grund af vores store vægt på performance-delen synes stomp-begrebet en smule snævert til at beskrive vores underholdning. Hvert nummer har sin egen fortælling, ofte helt uden ord. På den måde danner musikken rammen, mens mimikken er historiefortælleren.</p> <p> Højenergisk stomp og humoristisk skuespil med et kærligt tvist rammer alle aldre. Vi er derfor blevet brugt til mange forskellige arrangementer igennem de sidste fem år. Vi har givet et væld af skole- og familiekoncerter og spillet til byfester, indvielser, store konferencer, firmafester og reklamespots.</p><p> </p> <p> </p> </div> <div id="indholdhoejre"> <p> </p> <p> </p> <p><img src="Pictures/foodfight.jpg"></p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><img src="Pictures/Nils.jpg"> </p> </div><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></div></div><p> </p><script type="text/javascript">var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});</script></div></body></html>