register Paswoord vergeten?

Code control

Een website waar je graag een oordeel over had ?

Code control

Berichtdoor BramVroy op vr 06 nov 2009 10:02 am

Goeiemorgen allemaal :)

Ik ben onlangs eens terugbegonnen met Dreamweaver, nadat ik het opgegeven, en nu weet ik terug waarom ik het had opgegeven: ik kan het totaal ni :p

Code: Selecteer alles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#maintexttable {
   background-color: #4D90BB;
   height: auto;
   width: 760px;
}

div#mainid {
   width: 840px;
   margin-left: auto;
   margin-right: auto;
   background-image: url(sunburst.png);
   background-repeat: no-repeat;
   [b]background-position: center top;[/b]
   text-align: center;
}
body {
   background-image: url(bgpattern.jpg);
   background-repeat: repeat;
}
-->
</style>
</head>

<body>
<div id="mainid">
<img src="maintextboven.gif" width="760" height="30" id="maintextboven"/>
  <table width="760" border="0" id="maintexttable" align="center">
    <tr>
      <td height="40"></td>
    </tr>
  </table>
  <img src="maintextonder.gif" width="760" height="30" id="maintextonder"/>
  <p>&nbsp;</p>
</div>
</body>
</html>


Maar, dit is wat ik krijg:
Afbeelding


De background (sunburstachtig ding) is niet 'top' aligned..

Iemand een idee?
Laatst bijgewerkt door BramVroy op vr 06 nov 2009 3:06 pm, in het totaal 1 keer bewerkt
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Re: Probleem met Background positioning

Berichtdoor Stijn op vr 06 nov 2009 10:16 am

Als je dat kleine stukje bovenaan bedoelt: er is standaard bovenmarge. Hoeveel precies is afhankelijk van browser.

Een goede gewoonte is je CSS beginnen met dit:
Code: Selecteer alles
* {
margin: 0;
padding: 0;
}

Wel opletten nu, want opsommingslijsten zullen ook geen margin meer hebben.
Avatar gebruiker
Stijn (oude nickname: O'RLY?)
Onwetende
Onwetende
 
Berichten: 2200
Karma: 12
Geregistreerd op: zo 18 maart 2007 8:32 pm
Woonplaats: Gits (West-Vlaanderen)

Re: Probleem met Background positioning

Berichtdoor BramVroy op vr 06 nov 2009 10:27 am

Dat werkt niet.. + dan wordt ook alles links uitgelijnd (afbeelding en table) en die zou gecentreerd moeten zijn.

Edit: oké, de margins en padding van body dus :p

Fix'd, mercikes!

'kGa hier waarschijnlijk af en toe wel nieuwe vragen stellen :)
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Re: Probleem met Background positioning

Berichtdoor Stijn op vr 06 nov 2009 10:42 am

Dat moet werken, * betekent 'alles'.. :?
Avatar gebruiker
Stijn (oude nickname: O'RLY?)
Onwetende
Onwetende
 
Berichten: 2200
Karma: 12
Geregistreerd op: zo 18 maart 2007 8:32 pm
Woonplaats: Gits (West-Vlaanderen)

Re: Probleem met Background positioning

Berichtdoor BramVroy op vr 06 nov 2009 1:11 pm

Ah, ik dacht dat je bedoelde mijn div#mainid
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Code control

Berichtdoor BramVroy op vr 06 nov 2009 3:04 pm

Code: Selecteer alles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
-->
</style>
<link href="css/mainttexttable.css" rel="stylesheet" type="text/css" />
<link href="css/trompetdiv.css" rel="stylesheet" type="text/css" />
<link href="css/sunburstdiv.css" rel="stylesheet" type="text/css" />
<link href="css/body.css" rel="stylesheet" type="text/css" />
<link href="css/logindiv.css" rel="stylesheet" type="text/css" />
<link href="css/buttonbalkdiv.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div id="trompetdiv">
    <div id="sunburstdiv">
       <div id="logindiv"></div>
      <div id="buttonbalkdiv"></div>
      <div id="texttablediv">
              <img src="images/maintextboven.gif" width="760" height="7" id="maintextboven"/>
           <table width="760" border="0" id="maintexttable" align="center">
            <tr>
           <td height="800"></td>
             </tr>
            </table>
          <img src="images/maintextonder.gif" width="760" height="7" id="maintextonder"/>
      </div>
     <p>&nbsp;</p>
    </div>
</div>
</body>
</html>


Dit heb ik tot nu toe. Dit ziet er zo uit:
Afbeelding


Hebben jullie opmerkingen over de code? Ik heb zoals jullie zeiden alles in aparte style sheets gezet, maar ik weet nog altijd niet zeker of ik div tags juist gebruik? :?

Alleszins bedankt!
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Re: Code control

Berichtdoor Stijn op vr 06 nov 2009 3:28 pm

Je hebt het verkeerd begrepen :p 1 CSS bestand met al je opmaak er in is voldoende :p de bedoeling is dat je opmaak gescheiden is van je data, in dit geval je html.
Avatar gebruiker
Stijn (oude nickname: O'RLY?)
Onwetende
Onwetende
 
Berichten: 2200
Karma: 12
Geregistreerd op: zo 18 maart 2007 8:32 pm
Woonplaats: Gits (West-Vlaanderen)

Re: Code control

Berichtdoor BramVroy op vr 06 nov 2009 3:36 pm

Stijn schreef:Je hebt het verkeerd begrepen :p 1 CSS bestand met al je opmaak er in is voldoende :p de bedoeling is dat je opmaak gescheiden is van je data, in dit geval je html.

Maar ik vind het gemakkelijker als ik alle css bestanden apart heb.. Zo weet ik altijd zeker dat ik het juiste css bestand zit te prutsen. Of 'mag' dit niet?
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Re: Code control

Berichtdoor BramVroy op vr 06 nov 2009 8:14 pm

1. Weet er iemand hoe je de padding van 1 cel binnen een spry menu kan aanpassen? Of maw hoe ik ervoor kan zorgen dat heel mijn menu op 1 lijn raakt zonder de tekst te veel te verkleinen?

2. Hoe raak ik die hyperlinkliijn rond mijn logo kwijt? Want normaal staat in het css van spry al dat er geen text-decoration is

3. hoe krijg ik het zo dat de pijltjes van de dropdownmenus verder van het woord staan? (maar een pixel of 2/3)

4. Hoe kan ik in een dropdownmenu 2 kolommen krijgen naast elkaar?

Afbeelding


Afbeelding
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm

Re: Code control

Berichtdoor BramVroy op ma 09 nov 2009 5:51 pm

Nog een laatste vraag en dan laat ik jullie met rust. :)
In de volgende afbeelding zie je dat ik ongeveer heb bereikt wat ik wilde bereiken, maar ik zou 1 ding ander willen: ik wil namelijk dat het dropdownmenu van 'Wie zijn wij' links uitgelijnd onder zijn parent staat maar het dropdownmenu van 'foto's' zou rechtsuitgelijnd onder de zijne moeten staan, en dit krijg ik niet aan de praat.. Iemand een idee?
http://i1005.photobucket.com/albums/af179/BramV/th_Untitled-3.jpg
Avatar gebruiker
BramVroy (oude nickname: V.Bram)
Moeder Theresa
Moeder Theresa
 
Berichten: 3469
Karma: 109
Geregistreerd op: vr 28 aug 2009 4:23 pm


Keer terug naar Site Check

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 1 gast