login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Dreamweaver CS4 vraagjes

Offline Ahura - 24/12/2008 19:30
Avatar van AhuraNieuw lid Goeiedag, ik ben mijn website aan het vernieuwen maar enkele zaken lukt me maar niet...

Testpagina: http://www.mazda-madness.nl/test.html

De menu balk (moet nog uitgebreid worden met submenu's) krijg ik maar niet in het midden! In CCS heb ik "L" op "75" gezet en in dreamweaver staat ie dan mooi ongeveer in het midden. Maar als ik de pagina upload wilt ie maar niet in het midden staan. Wat doe ik fout of wat zie ik over het hoofd??

Ander vraagje; ik gebruik nu nog tabellen om de website vorm te geven maar ik hoorde dat ik DIV moet gebruiken. Maar ik kan maar niet uitvinden waar ik de grootte, plaatsing, hoeveelheid 'tabellen' e.d kan aanpassen! Ik zoek me rot maar kan het maar niet vinden. CCS is leuk en aardig maar een tabel maken is zo makkelijk gepiept.. waarom kan dat niet met DIV?

ps: ik heb er niet veel verstand van. Ik heb het meeste mezelf maar aangeleerd en van veel linkjes met info die ik van mensen krijg word ik niet veel wijzer. Dus graag in simpele taal uitleggen.. ;)

Thanks!

18 antwoorden

Gesponsorde links
Offline zointer - 24/12/2008 19:42
Avatar van zointer HTML gevorderde
Ahura schreef:
In CCS heb ik "L" op "75" gezet en in dreamweaver staat ie dan mooi ongeveer in het midden.

Wat is L die je op 75 hebt gezet? In dreamweaver moet je geen lay bekijken 
Voor div kijk hier eens bij tutorials, omdat het feestdagen zijn zal ik je lay omzetten naar div, wel even geduld hebben hé.
Offline Ahura - 24/12/2008 19:49 (laatste wijziging 24/12/2008 19:49)
Avatar van Ahura Nieuw lid
Citaat:
Wat is L die je op 75 hebt gezet?


Dat is dat ie het naar rechts verplaatst. Hoe hoger het cijfer hoe verder naar rechts

Citaat:
Voor div kijk hier eens bij tutorials, omdat het feestdagen zijn zal ik je lay omzetten naar div, wel even geduld hebben hé.


Dat zou helemaal top zijn! Want ik wil zo graag mijn site z.s.m willen vernieuwen maar ik loop nu vast 
Offline Martijn - 24/12/2008 19:55
Avatar van Martijn Crew PHP bij mij is het in het midden?

en de rede dat het anders is in dreamweaver, is omdat dreamweaver niet netzo groot is als je browser. En dan nog, dreamweaver verwerkt een pagina nooit als een browser...
Offline Ahura - 24/12/2008 19:59 (laatste wijziging 24/12/2008 20:00)
Avatar van Ahura Nieuw lid
Citaat:
bij mij is het in het midden?


Het moet zo:

http://i269.pho.../site1.jpg

Maar het is zo in de browser:

http://i269.pho.../site1.jpg
Offline Erwt - 24/12/2008 20:00
Avatar van Erwt PHP beginner 1. Gebruik ALLEEN de Dreamweaver CODE tabblad. De rest is WYSIWYG, dit betekend dat je het aanpast terwijl je het bekijkt met bepaalde tools. Dit is NIET accuraat en wordt zeker niet aanbevolen!

2. Sorry voor mijn nutteloze bijdrage  
Offline Ahura - 24/12/2008 20:02
Avatar van Ahura Nieuw lid 1. Tja maar ik heb zoveel verstand niet van die codes hoor. Als iemand mij een code geeft en verteld waar ik doe moet plaatsen kom ik er meestal wel uit maar verder...

2. Niet nutteloos hoor...
Offline Martijn - 24/12/2008 20:17
Avatar van Martijn Crew PHP je doet t allemaal met tabellen, waarom maak je daar dan ook niet een tabelletje van? Of gewoon een rijtje aanklikbare imgs? ook opgelost....
Offline Ahura - 24/12/2008 20:53
Avatar van Ahura Nieuw lid Ja dat heb ik zo in de huidige vorm: www.mazda-madness.nl

Maar ik wil het overzichtelijker en moderner
Offline zointer - 25/12/2008 11:30
Avatar van zointer HTML gevorderde Is aan gepast naar div voor je.
xhtml + css:
http://www.plaatscode.be/60142/
Kopieer aangepaste SpryMenuBarHorizontal.css en plakt het in je oude SpryMenuBarHorizontal.css(volledig nieuw).
Je moet wel zelf nog enkel dingen toevoegen zoals die afbeeldingen links, maar wijst hem zelf wel uit.

Ik raad je wel aan om tutorials hier eens goed door te nemen:
http://www.sitemasters.be/tutorials/2/1/CSS
Jouw css is helemaal fout
Offline Ahura - 25/12/2008 12:57 (laatste wijziging 05/01/2009 21:43)
Avatar van Ahura Nieuw lid Hey thanks man!! Het is me iig nu geheel gelukt met de menubalk. Beetje door de codes zoeken en ik kom er wel uit ;) Moet nog ff wennen aan de omschakeling..

Dat Div ga ik eens goed uitzoeken allemaal. Bedankt!

___

05.01:

Inmiddels is mijn website up and running. Maar alles nog in tabellen vanwege tijdgebrek. In IE werkt alles naar behoren. Maar nu ik bezig ben met DIV doet alles niet zoals ik het wil:

http://www.mazda-madness.nl/index3.html < het menu zit nu niet in het midden en als je over de menu gaat veranderd de kleur alleen bij de submenu's. In Firefox zit het wel in het midden maar veranderd ook daar de kleur niet. Maar dat is nu ook al bij www.mazda-madness.nl wat in IE wel werkt

Wat doe ik verkeerd?
Offline Orves - 05/01/2009 23:44
Avatar van Orves Nieuw lid Je code is niet sematisch opgebouwd en dat levert problemen op.

Binnen je menu structuur welke je terecht in een UnorderedList opbouwt gebruik je ook nog een TD die je binnen de UL niet afmaakt.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!--Menu-->
  2.    <div id="menu"> 
  3.      <ul id="MenuBar2" class="MenuBarHorizontal">
  4.        <td height="23" align="center" valign="middle" bgcolor="#012D68" class="topmenu">


In principe mag <div id="menu"> helemaal weg, je kan je UL zo stylen via CSS dat de DIV geheel overbodig wordt. daardoor wordt ook je source een stukje overzichtelijker en je maakt nog steeds sematisch gebruik van de HTML elementen.

Een snelle oplossing is de TD er uit halen:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu"> 
  2.      <ul id="MenuBar2" class="MenuBarHorizontal topmenu">
  3.        <li class="MenuBarItemSubmenu"><a href="http://www.mazda-madness.nl/index.html" class="MenuBarItemSubmenu">Home</a></li>
  4.        <li><a href="http://www.mazda-madness.nl/nieuws.html" class="MenuBarItemSubmenu MenuBarItemSubmenu">Nieuws</a>
  5.          <ul>
  6.            <li><a href="http://www.mazda-madness.nl/nieuws/2009.html">2009</a></li>
  7.            <li><a href="http://www.mazda-madness.nl/nieuws/2008.html">2008</a></li>
  8.            <li><a href="http://www.mazda-madness.nl/nieuws/2007.html">2007</a></li>
  9.            <li><a href="http://www.mazda-madness.nl/nieuws/2006.html">2006</a></li>
  10.          </ul>
  11.        </li>
  12.        <li><a href="http://www.mazda-madness.nl/modellen.html" class="MenuBarItemSubmenu MenuBarItemSubmenu">Modellen</a>
  13.          <ul>
  14.            <li><a href="http://www.mazda-madness.nl/modellen/huidiggamma.html">Huidig gamma</a></li>
  15.            <li><a href="http://www.mazda-madness.nl/modellen/conceptcars.html">Concept cars</a></li>
  16.          </ul>
  17.        </li>
  18.        <li><a href="http://www.mazda-madness.nl/geschiedenis.html" class="MenuBarItemSubmenu MenuBarItemSubmenu">Geschiedenis</a>
  19.          <ul>
  20.            <li><a href="http://www.mazda-madness.nl/geschiedenis/nederland.html">Nederland</a></li>
  21.            <li><a href="http://www.mazda-madness.nl/geschiedenis/globaal.html">Globaal</a></li>
  22.          </ul>
  23.        </li>
  24.        <li><a href="http://www.mazda-madness.nl/technologie.html" class="MenuBarItemSubmenu MenuBarItemSubmenu">Technologie</a>
  25.          <ul>
  26.            <li><a href="http://www.mazda-madness.nl/technologie/rotatiemotor.html">Rotatiemotor</a></li>
  27.            <li><a href="http://www.mazda-madness.nl/technologie/4wsbesturing.html">4WS besturing</a></li>
  28.          </ul>
  29.        </li>
  30.        <li><a href="http://www.mazda-madness.nl/autosport.html" class="MenuBarItemSubmenu">Autosport</a></li>
  31.        <li><a href="http://www.mazda-madness.nl/links.html" class="MenuBarItemSubmenu">Links</a></li>
  32.        <li><a href="http://www.mazda-madness.nl/webmaster.html" class="MenuBarItemSubmenu">Webmaster</a></li>
  33.      </ul>
  34.    </div>
Offline Ahura - 06/01/2009 01:12
Avatar van Ahura Nieuw lid Tja maar dan snap ik nog niet waarom de achtergrond van het menu als je er over heen gaat met de muis eerst wel gewoon grijs wordt terwijl ik dat nu met geen mogelijkheid goed krijg. Ik zoek me rot in CSS en heb al meerdere malen vanalles geprobeerd
Offline zointer - 06/01/2009 01:14 (laatste wijziging 06/01/2009 01:18)
Avatar van zointer HTML gevorderde leer css dan zal je snappen
Offline Ahura - 06/01/2009 01:25 (laatste wijziging 06/01/2009 01:28)
Avatar van Ahura Nieuw lid Ik heb o.a deze pagina gelezen: http://www.site...eudo_class

Staat aardig wat beschreven al kan het nog wel duidelijker. Sowieso vind ik er nog altijd níet over het geval waar ik mee zit... daarbij heb ik het menu eens van jou of iemand anders gekregen en toen heb ik alles aangepast zoals het er nu uitziet op www.mazda-madness.nl. Maar als ik vervolgens met DIV ga werken doet het menu opeens andere dingen en in de code's staat geen code waar ik de achtergrond van een menu kan wijzigen als er een muis overheen gaat...

Voor mensen die er wel verstand van hebben is het vast niet een al te grote moeite om een code te geven waarbij het dan wel goed werkt..
Offline Orves - 06/01/2009 08:16
Avatar van Orves Nieuw lid Goedemorgen Ahura,

Uit de vorige berichten is het me een beetje duidelijk geworden dat je nog niet zo heel lang speelt met CSS maar dat je er wel de moeite voor doet om je eigen niveau omhoog te spijkeren en te begrijpen wat andere mensen opzetten en vooral ook hoe ze het opzetten.

Ik zal voor het einde van vandaag je menu opnieuw schrijven in de combinatie (x)HTML, CSS en JS. JS zal ik gebruiken om de hoverState te maken.

Zelf gebruik ik zelf ook al jaren Dreamweaver, maar zoals in eerdere berichten al vermeld enkel de code mode. Je moet je niet vastpinnen aan de design mode, deze rendert heel anders dan een browser zou doen.

Ik vermijd de sprites e.d. van Dreamweaver omdat ik deze code vaak omslachtig vind en ik zag dat jij hier wel gebruik van had gemaakt. Je zal zien dat een eigen code vaak duidelijker in elkaar zit en mocht je daarna nog vragen en of opmerkingen hebben dan hoor ik ze natuurlijk graag.

Als we elkaar een beetje kunnen helpen vind ik het prima.
Je hoort voor het einde van de dag van me!

Groetjes,

Ortwin
Webcolors
Offline Ahura - 07/01/2009 00:38
Avatar van Ahura Nieuw lid Oke ben benieuwd! Ik ga sowieso aan iemand die ik ken vragen of hij mij de basis wil leren maar dat zal nog wel ff duren
Offline Abbas - 07/01/2009 01:30
Avatar van Abbas Gouden medaille

Crew .NET
zointer schreef:
leer css dan zal je snappen
Laat in het vervolg dit soort reacties eens achterwege! 
Offline Ahura - 13/01/2009 03:47
Avatar van Ahura Nieuw lid
Orves schreef:
Goedemorgen Ahura,

Uit de vorige berichten is het me een beetje duidelijk geworden dat je nog niet zo heel lang speelt met CSS maar dat je er wel de moeite voor doet om je eigen niveau omhoog te spijkeren en te begrijpen wat andere mensen opzetten en vooral ook hoe ze het opzetten.

Ik zal voor het einde van vandaag je menu opnieuw schrijven in de combinatie (x)HTML, CSS en JS. JS zal ik gebruiken om de hoverState te maken.

Zelf gebruik ik zelf ook al jaren Dreamweaver, maar zoals in eerdere berichten al vermeld enkel de code mode. Je moet je niet vastpinnen aan de design mode, deze rendert heel anders dan een browser zou doen.

Ik vermijd de sprites e.d. van Dreamweaver omdat ik deze code vaak omslachtig vind en ik zag dat jij hier wel gebruik van had gemaakt. Je zal zien dat een eigen code vaak duidelijker in elkaar zit en mocht je daarna nog vragen en of opmerkingen hebben dan hoor ik ze natuurlijk graag.

Als we elkaar een beetje kunnen helpen vind ik het prima.
Je hoort voor het einde van de dag van me!

Groetjes,

Ortwin
Webcolors


Hey heb je er nog naar kunnen kijken..?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.216s