Probleem met background positioning

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
Goeiemorgen allemaal :)

Ik ben onlangs eens opnieuw begonnen met Dreamweaver CS4, nadat ik het had opgegeven, en nu weet ik terug waarom ik het had opgegeven: ik kan er helemaal niet mee werken..

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!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;
    background-position: center top;
    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:
Afbeeldingslocatie: http://i1005.photobucket.com/albums/af179/BramV/Untitled-2.jpg

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

Iemand een idee?

(P.S.: omdat dit een Nederlandse site is, zal ik proberen mijn best te doen om verstaanbaar Nederlands te praten, dus als er iets niet duidelijk is; gelieve dat dan ook te zeggen. ;)


Groetjes

Bram

Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 12:54

Bosmonster

*zucht*

Body margin en padding op 0 zetten.

En hetzelfde zal gelden voor je tabel (cellpadding/cellspacing), al is het gebruik van een tabel voor dit soort zaken uberhaupt al geen goed begin als je echt iets wilt leren.

[ Voor 71% gewijzigd door Bosmonster op 06-11-2009 10:33 ]


Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
Bosmonster schreef op vrijdag 06 november 2009 @ 10:31:
Body margin en padding op 0 zetten.
Had al even met de margins en paddings zitten kloten, maar wel in de div.. Bedankt, zo werkt het!

Ik ga hier geregeld nieuwe vragen stellen, dus don't shoot the leek!! ;)

Acties:
  • 0 Henk 'm!

  • Lourini
  • Registratie: November 2007
  • Laatst online: 10-09-2024
Ik zou als ik jou was ook met losse css bestanden gaan werken...

i7-7700K / 32GB DRAM / 3x GTX 1070 8GB / 2x500GB SSD + 3x3TB HDD / 2x Dell Ultrasharp U2515H


Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
Lourini schreef op vrijdag 06 november 2009 @ 10:36:
Ik zou als ik jou was ook met losse css bestanden gaan werken...
Hoe bedoel je? Allesin style sheets zetten? Wat is daar het voordeel van?

Acties:
  • 0 Henk 'm!

  • Cartman!
  • Registratie: April 2000
  • Niet online
Makkelijker te onderhouden en je client kan die bestanden mooi cachen.

Acties:
  • 0 Henk 'm!

  • Lourini
  • Registratie: November 2007
  • Laatst online: 10-09-2024
Cartman! schreef op vrijdag 06 november 2009 @ 10:46:
Makkelijker te onderhouden en je client kan die bestanden mooi cachen.
Onder andere...

Het lijkt mij ook makkelijker om steeds maar 1 css bestand aan te passen dan om in elke pagina steeds alle inline css te wijzigen ;)


Edit:

My bad... Komt op hetzelfde neer

[ Voor 8% gewijzigd door Lourini op 06-11-2009 11:04 ]

i7-7700K / 32GB DRAM / 3x GTX 1070 8GB / 2x500GB SSD + 3x3TB HDD / 2x Dell Ultrasharp U2515H


Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!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:
Afbeeldingslocatie: http://i1005.photobucket.com/albums/af179/BramV/Untitled-1-1.jpg

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!

Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 12:54

Bosmonster

*zucht*

Waarom gebruik je die table nog?

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
De table is waar mijn tekst komt (dat grote blauwe vlak) met onderaan en bovenaan een gifbestand (voor de ronde hoeken). Maar een table omdat ik dacht dat als je dan meer tekst hebt de table automatisch groter wordt ofzo? Ik zou anders wel graag willen hebben dat je kan scrollen binnen die table, dus dat alles 'fixed' is, en in plaats van de hele webpagina te scrollen, je enkel die talbe moet scrollen. Is dit mogelijk op een manier? Of heb je misschien een beter idee?

Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 12:54

Bosmonster

*zucht*

Ja, gewoon daar ook een div voor gebruiken ipv een table :)

Daarnaast zou ik je overigens afraden om alleen de inhoud scrollbaar te maken, dat werkt nogal tegen de standaarden voor webdesign in. Mensen zijn gewend gewoon hun browser te gebruiken voor scrollen.

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
Het probleem is dat ik niet weet hoe ik mijn 'sunburst' dan moet laten uitkomen. Die kan ik namelijk toch niet anders plaatsen, en het komt niet mooi als de tekst voorbij het sunburstvlak komt..
Ik heb het overigens geprobeerd, ipv table een div maar nu kan ik mijn tekst niet met padding er in krijgen, want om een of andere reden wordt mijn div dan 'groter' op het scherm...

(Zijn mijn div's voor de rest juist gebruikt?)

Acties:
  • 0 Henk 'm!

Verwijderd

Het is trouwens een beetje overdreven om voor elk element waar je css op toepast een apart css bestand te maken ;)

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
Verwijderd schreef op vrijdag 06 november 2009 @ 16:26:
Het is trouwens een beetje overdreven om voor elk element waar je css op toepast een apart css bestand te maken ;)
Ja, dat weet ik, maar ik vind het handiger zodat ik zeker weet in welk css ik nu aan het werken ben (ik ben nogal een warhoofd 8)7 )
Misschien een reply op mijn vorige post? Andere comments op mijn code (div's juist gebruikt?)

Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 12:54

Bosmonster

*zucht*

BramVroy schreef op vrijdag 06 november 2009 @ 16:32:
[...]


Ja, dat weet ik, maar ik vind het handiger zodat ik zeker weet in welk css ik nu aan het werken ben (ik ben nogal een warhoofd 8)7 )
Je snapt dat je voor een beetje website dan een paar honderd css-bestanden overhoudt? :P

Acties:
  • 0 Henk 'm!

  • Lourini
  • Registratie: November 2007
  • Laatst online: 10-09-2024
Inderdaad, ik zou gewoon 1 css bestand maken, hierin kun je ook je height en width en dergelijke van de div's aangeven. Heb je die tabellen ook niet meer nodig ;)

i7-7700K / 32GB DRAM / 3x GTX 1070 8GB / 2x500GB SSD + 3x3TB HDD / 2x Dell Ultrasharp U2515H


Acties:
  • 0 Henk 'm!

  • Cartman!
  • Registratie: April 2000
  • Niet online
Je weet toch hoe classes en id's werken in CSS? Gewoon de zoekfunctie van je editor gebruiken en klaar. Als je 100-en css-files gaat inladen dan is het nog niet sneller (waarschijnlijk zelfs langzamer) dan inline werken. Als je losse files per element handiger vind werken dan mis je misschien een beetje inzicht in wat je wilt gaan doen.

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
Cartman! schreef op vrijdag 06 november 2009 @ 16:50:
Je weet toch hoe classes en id's werken in CSS? Gewoon de zoekfunctie van je editor gebruiken en klaar. Als je 100-en css-files gaat inladen dan is het nog niet sneller (waarschijnlijk zelfs langzamer) dan inline werken. Als je losse files per element handiger vind werken dan mis je misschien een beetje inzicht in wat je wilt gaan doen.
Classes gebruik ik niet,omdat ik nooit dezelfde css file bij twee elements moet hebben, maar ID's? Ja dat weet ik wel ongeveer.. (zie code)
Ik ga als het af is (wat waarschijnlijk nog lang gaat duren) alles in 1 css file gieten hoor, maar als ik nu bv met de trompetten iets moet veranderen dan weet ik dat ik gewoonop trompetten.css moet klikken en weet ik ook dat ik 100% juist ben, maar dit is gewoon voor mezelf (omdat ik zo een warhoofd ben.. :p)

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
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?

Afbeeldingslocatie: http://i1005.photobucket.com/albums/af179/BramV/FF1.jpg

Afbeeldingslocatie: http://i1005.photobucket.com/albums/af179/BramV/dw1.jpg


Bedankt voor jullie hulp dusver!

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
Oke, ik heb het meeste kunnen oplossen, maar weet iemand hoe je een spry menu verticaal kan centeren binnen een div? Of beter nog, een list binnen een spry menu?
Ik zou namelijk willen dat de individuele tekstvakken in mijn menu gecentreerd worden binnen het vak waar ze instaan (zie afbeelding in de post hierboven)

Acties:
  • 0 Henk 'm!

  • moozzuzz
  • Registratie: Januari 2005
  • Niet online
Waarom gebruik je XHTML Transitional doctype? HTML 4 strict is ook OK hoor (en geeft je net wat minder problemen).

Acties:
  • 0 Henk 'm!

  • BramVroy
  • Registratie: November 2009
  • Laatst online: 29-08 12:47
moozzuzz schreef op maandag 09 november 2009 @ 11:05:
Waarom gebruik je XHTML Transitional doctype? HTML 4 strict is ook OK hoor (en geeft je net wat minder problemen).
Ik begrijp die termen niet eens.. (überleek hiero :p)
In dreamweaver heb ik gewoon gekozen voor 'new HTML' document.. :)

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?
Afbeeldingslocatie: http://i1005.photobucket.com/albums/af179/BramV/th_Untitled-3.jpg
Pagina: 1