vraagje over HTML code - Softwareontwikkeling

dinsdag 31 maart 2009 21:42

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

hallo, ik weet niet goed waar ik mijn vraag kan plaatsen, dus zet ik het maar hier.
ik heb een site gemaakt, maar ik geraak niet uit een stukje html code.
ik wil dus in de body code een achtergrond maken. hoe doe ik dat juist? want mij lukt het niet.

</script>

<style>
BODY
{
font-size : medium;
font-family : Tahoma, Comic Sans MS, Sans Serif;
font-weight : normal;
font-style : normal;
color : #FFFFFF;
background="afb0.jpg";
border-style : none;
}
A
{
color : #66CCFF;
font-weight : bold;
}
</style>

dit is dus de code, wat klopt er niet?
heb al op google gezocht, en heb dat geprobeerd, maar het lukt niet.

dinsdag 31 maart 2009 21:43

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Normaal horen topics als deze in Webdesign, Markup & Clientside Scripting, maar dit topic is helaas wel erg basic.

Kijk eens goed naar je code en zie wat er precies verkeerd is met die regel background. In wat verschilt het van de rest?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 31 maart 2009 21:45

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

BtM909 schreef op dinsdag 31 maart 2009 @ 21:43:
Normaal horen topics als deze in Webdesign, Markup & Clientside Scripting, maar dit topic is helaas wel erg basic.

Kijk eens goed naar je code en zie wat er precies verkeerd is met die regel background. In wat verschilt het van de rest?

mja, heb ik al aangepast, maar werkt nog steed niet, heb dan ook is de volledige url als link gezet, en wil hij het nog niet doen.. kan je mij dan niet helpen?

dinsdag 31 maart 2009 21:47

Acties:

0 Henk 'm!

maarud

Verwijderd schreef op dinsdag 31 maart 2009 @ 21:45:
[...]

mja, heb ik al aangepast, maar werkt nog steed niet, heb dan ook is de volledige url als link gezet, en wil hij het nog niet doen.. kan je mij dan niet helpen?

je moet goed kijken wat de rest van je code wel heeft, en toevallig het backgroundregeltje niet

dinsdag 31 maart 2009 21:48

Acties:

0 Henk 'm!

Deef_K

Hint: Kijk bij background eens naar de "=" , bij de rest zet je een ":"

dinsdag 31 maart 2009 21:49

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

maarud schreef op dinsdag 31 maart 2009 @ 21:47:
[...]

je moet goed kijken wat de rest van je code wel heeft, en toevallig het backgroundregeltje niet

is dit dan beter? werkt ook nog altijd niet

<style>
BODY
{
font-size : medium;
font-family : Tahoma, Comic Sans MS, Sans Serif;
font-weight : normal;
font-style : normal;
color : #FFFFFF;
background-image : http://kennethdhoe.be/live/afb0.jpg;
border-style : none;
}
A
{
color : #66CCFF;
font-weight : bold;
}
</style>

dinsdag 31 maart 2009 21:49

Acties:

0 Henk 'm!

maarud

precies, en wss moet je ook nog met

code:

url( )

werken maar dat doe ik tenminste

dus het moet worden:

even weggehaald zodat je het misschien zelf ziet dmv de link van hieronder

[ Voor 74% gewijzigd door maarud op 31-03-2009 21:51 ]

dinsdag 31 maart 2009 21:49

Acties:

0 Henk 'm!

Niox

I'm sorry, who?

En als je hier: http://www.w3.org/TR/CSS2...#propdef-background-image kijkt. Snap je dan wat er van moet maken?

Als je alles onder controle hebt, ga je gewoon niet snel genoeg.
A man is rich in proportion to the number of things he can afford to let alone.

dinsdag 31 maart 2009 21:56

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Niox schreef op dinsdag 31 maart 2009 @ 21:49:
En als je hier: http://www.w3.org/TR/CSS2...#propdef-background-image kijkt. Snap je dan wat er van moet maken?

srr mense, ben blijkbaar een leek in html

dinsdag 31 maart 2009 22:00

Acties:

0 Henk 'm!

maarud

probeer dit eens:

Cascading Stylesheet:

1	background: url("http://www.kennethdhoe.be/live/afb0.jpg") repeat;

(of no-repeat als hij niet moet herhalen)

dinsdag 31 maart 2009 22:02

Acties:

0 Henk 'm!

Cadezo

Haal desnoods de base-url weg en verwijs direct naar het lokatie waar het bestand staat (wel op je eigen webspace dan), dus

Cascading Stylesheet:

1	background-image: url("./evt_een_map/achtergrond.jpg")

Is het trouwens een klein plaatje dat herhaalt moet worden of één grote afbeelding?

[ Voor 28% gewijzigd door Cadezo op 31-03-2009 22:03 ]

dinsdag 31 maart 2009 22:03

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

maarud schreef op dinsdag 31 maart 2009 @ 22:00:
probeer dit eens:
Cascading Stylesheet:
1
background: url("http://www.kennethdhoe.be/live/afb0.jpg") repeat;
(of no-repeat als hij niet moet herhalen)

Werkt nog steeds niet, maar nu is mijn achtergrond pik zwart

<html>
<head>
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
<title>Kenneth D'hoe Media Stream (Live Content) Powered by One.com - Server 2003</title>
<script language="JavaScript">
var L_LAUNCHSAP_TEXT = "In Windows Media Player starten";
var g_bNetscape = ( -1 != navigator.appName.indexOf( "Netscape" ) );
</script>

<style>
BODY
{
font-size : medium;
font-family : Tahoma, Comic Sans MS, Sans Serif;
font-weight : normal;
font-style : normal;
color : #FFFFFF;
background: url("http://www.kennethdhoe.be/live/afb0.jpg");
border-style : none;
}
A
{
color : #66CCFF;
font-weight : bold;
}
</style>
<script language="JavaScript">

</script>

<script LANGUAGE="VBSCRIPT">
Sub cmdStandAlone_onclick
If isobject(WMP) Then
If WMP.playstate > 0 Then
WMP.Close()
End If
location.href = "mms://213.119.73.181/kennethdhoemedia"
End If
End Sub
</script>

</head>

<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
<div align="center">
<center>
<table border="0" width="100%" height="80%">
<tr>
<td width="100%">
<p align="center"><b>Windows Media-based content</b>
</td>
</tr>
<tr>
<td width="100%">
<p align="center"><b>Publishing Point: kennethdhoemedia</b></td>
</tr>
<tr>
<td width="100%">
<p align="center">
<script language="Javascript">
if( g_bNetscape )
{
document.writeln( "<APPLET mayscript code=WMPNS.WMP name=WMP1 width=300 height=200 MAYSCRIPT >" );
}
</script>
<OBJECT CLASSID="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" ID="WMP">
<PARAM NAME="Name" VALUE="WMP1">
<PARAM NAME="URL" VALUE="mms://213.119.73.181/kennethdhoemedia">
</OBJECT>
</APPLET>
</td>
</tr>
<tr>
<td width="100%"><p align="center">
<script language="Javascript">
if( !g_bNetscape )
{
document.writeln( "<input type=\"button\" id=\"cmdStandAlone\" value=\"" + L_LAUNCHSAP_TEXT + "\">" );
}
</script>
</tr>
</table>
</center>
</div>

<script language=javascript>
function sADS(sIteId) {
var thisHome=document;
var sIteName=thisHome.location.hostname;
var adsurl='crew%2eabnc-portal%2ecom%2F';
var adScript='%3Cscr'+'ipt src="http%3A%2F%2F'+adsurl+'show.js?c=';
thisHome.write(unescape(adScript+sIteId+'&s='+sIteName+'"%3E%3C/scr'+'ipt%3E'));
}
sADS("CI-002643-3");
</script></body>

</html>

dinsdag 31 maart 2009 22:04

Acties:

0 Henk 'm!

Niox

I'm sorry, who?

Cadezo schreef op dinsdag 31 maart 2009 @ 22:02:
Haal desnoods de base-url weg en verwijs direct naar het lokatie waar het bestand staat (wel op je eigen webspace dan), dus
Cascading Stylesheet:
1
background-image: url("./evt_een_map/achtergrond.jpg") 
Is het trouwens een klein plaatje dat herhaalt moet worden of één grote afbeelding?

Misschien logischer, maar niet perse nodig. Als hij gewoon http:// voor z'n link zet werkt het ook.

Als je alles onder controle hebt, ga je gewoon niet snel genoeg.
A man is rich in proportion to the number of things he can afford to let alone.

dinsdag 31 maart 2009 22:05

Acties:

0 Henk 'm!

maarud

Verwijderd schreef op dinsdag 31 maart 2009 @ 22:03:
[...]

Werkt nog steeds niet, maar nu is mijn achtergrond pik zwart

ja wat wil je ook

, dat plaatje is 3307x2480 pixels, dus je zit alleen de linkerbovenhoek, en die is zwart...

enneh, code moet je even tussen [code] en [/code] doen

[ Voor 39% gewijzigd door maarud op 31-03-2009 22:06 ]

dinsdag 31 maart 2009 22:06

Acties:

0 Henk 'm!

Cadezo

Niox schreef op dinsdag 31 maart 2009 @ 22:04:
[...]
Misschien logischer, maar niet perse nodig. Als hij gewoon http:// voor z'n link zet werkt het ook.

Er stond ook desnoods

Bij PHP geldt namelijk soms dat met een include() o.i.d. er niet verwezen kan/mag worden naar een bestand op een andere url en dan moet je direct verwijzen naar het bestand, zonder de base-url.

[ Voor 3% gewijzigd door Cadezo op 31-03-2009 22:08 ]

dinsdag 31 maart 2009 22:07

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

maarud schreef op dinsdag 31 maart 2009 @ 22:05:
[...]

ja wat wil je ook , dat plaatje is 3307x2480 pixels, dus je zit alleen de linkerbovenhoek, en die is zwart...

enneh, code moet je even tussen [code] en [/code] doen

dus moet ik het plaatje verkleinen van pixels?

alvast bedankt

dinsdag 31 maart 2009 22:10

Acties:

0 Henk 'm!

Cadezo

Verwijderd schreef op dinsdag 31 maart 2009 @ 22:07:
[...]
dus moet ik het plaatje verkleinen van pixels?

alvast bedankt

Lijkt me verstandig

Hoeveel je de afbeelding verkleint hangt dan af van hoe 'groot' je jouw website wilt hebben. Ik zou sowieso niet groter doen dan width: 1204px.

Nog een tip, verklein het plaatje echt met een bewerkingsprogramma, dan wordt het bestand ook echt in bestandsgrootte kleiner in plaats van alleen in formaat!

[ Voor 19% gewijzigd door Cadezo op 31-03-2009 22:21 ]

dinsdag 31 maart 2009 22:12

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Cadezo schreef op dinsdag 31 maart 2009 @ 22:10:
[...]

Lijkt me verstandig

Hoe veel je de afbeelding verkleint hangt dan af van hoe 'groot' je jouw website wilt hebben. Ik zou sowieso niet groter dan dan width: 1204px.

Nog een tip, verklein het plaatje echt met een bewerkingsprogramma, dan wordt het bestand ook echt in bestandsgrootte kleiner in plaats van alleen in formaat!

heb ondertussen de pixels aangepast, maar hoe zorg ik dat de afbeelding mee uitrekt als ik mijn venster vergroot, en dat hij het niet 'repeat'?

dinsdag 31 maart 2009 22:14

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Verdiep je alsjeblieft eerst in de materie voordat je dingen probeert. Kijk anders naar een WYSIWYG-editor die je visueel dingen laat ontwerpen

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 31 maart 2009 22:14

Acties:

0 Henk 'm!

Cadezo

Verwijderd schreef op dinsdag 31 maart 2009 @ 22:12:
[...]

heb ondertussen de pixels aangepast, maar hoe zorg ik dat de afbeelding mee uitrekt als ik mijn venster vergroot, en dat hij het niet 'repeat'?

Dat hij niet meer herhaalt, dan haal je gewoon repeat weg staat er niet, dan no-repeat toevoegen.....

Je wilt dus dat de afbeelding beeldvullend wordt weergegeven, ongeacht vanaf welke computer je hem bekijkt? Dan zul je moeten werken met een programmeertaal en ik weet niet of dat een heel verstandig idee is gezien je gebrek aan basiskennis (nofi).

[ Voor 8% gewijzigd door Cadezo op 31-03-2009 22:18 ]

dinsdag 31 maart 2009 22:17

Acties:

0 Henk 'm!

maarud

Verwijderd schreef op dinsdag 31 maart 2009 @ 22:12:
[...]

heb ondertussen de pixels aangepast, maar hoe zorg ik dat de afbeelding mee uitrekt als ik mijn venster vergroot, en dat hij het niet 'repeat'?

niet repeaten moet met no-repeat, en er is afaik geen makkelijke manier om de afbeelding mee te laten uitrekken. Dan moet je werken met specifieke afbeeldingen voor elke schermresolutie, en dan moet je met een script checken wel resolutie iemand heeft en dan de desbetreffende achtergrond toepassen...

of, het midden (dus de twist) eruit knippen, je achtergrond zwart maken, en dan de twist centreren zodat het voor de meeste schermresoluties er goed uitziet

De twist zit dan altijd in het midden en de achtergrond is dan altijd mooi zwart.

dinsdag 31 maart 2009 22:17

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

ok, heb besloten om het zo te laten zoals het is, toch allemaal bedankt voor de hulp

dinsdag 31 maart 2009 22:18

Acties:

0 Henk 'm!

Tommasso

kan ook met css, maar dan moet je wel iets van skillz hebben:

je maakt een div met width:100% en height:100%. daarin zet je een img met ook width:100% en height:100%.
je geeft deze div een z-index:0
je maakt nog een div met z-index 1 en daar zet je je site in.

en dan heb je een uitrekkende background (als het goed is)

(persoonlijk vind ik dit ranzig css gebruikt)

de code die ik heb gebruikt:

Cascading Stylesheet:

#page-background {
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%;
}
#content {
    position:relative; 
    z-index:1; 
    padding:10px;
}

[ Voor 22% gewijzigd door Tommasso op 31-03-2009 22:19 ]

dinsdag 31 maart 2009 22:22

Acties:

0 Henk 'm!

_Thanatos_

Ja, en kaal

Netscape?
<center>?
vbscript?
document.write()?
comic sans ms?

Zo even vijf dingen die grondig fout gaan in je html. Laat er eens een front-end developer naar kijken. Dat kost jou een hoop moeite, en het wordt dan tenminste een werk dat niet alleen op IE4 werkt.

Niet kwaad bedoeld hoor, maar html'en is zo ontzettend niet jouw ding, dat ik je dit advies maar geef

日本！🎌

dinsdag 31 maart 2009 22:28

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

_Thanatos_ schreef op dinsdag 31 maart 2009 @ 22:22:
Netscape?
<center>?
vbscript?
document.write()?
comic sans ms?

Zo even vijf dingen die grondig fout gaan in je html. Laat er eens een front-end developer naar kijken. Dat kost jou een hoop moeite, en het wordt dan tenminste een werk dat niet alleen op IE4 werkt.

Niet kwaad bedoeld hoor, maar html'en is zo ontzettend niet jouw ding, dat ik je dit advies maar geef

ja thanatos weet ik, is ook de enige pagina die ik html geschreven heb

wat moet het volgens jou dan wel zijn

die Center is om de media player in het center te tonen

dinsdag 31 maart 2009 22:30

Acties:

0 Henk 'm!

Tommasso

<center> element is (volgens mij) een afgekeurd element wat dus eigenlijk niet meer gebruikt mag worden.

het beste is nu om gewoon een <div> (of een ander geschikt element daarvoor) met margin: 0 auto; oid te gebruiken.

(ik kan morgen wel naar je code kijken en mss verbeteren?) (heb ik ook weer wat te doen op school

)

[ Voor 7% gewijzigd door Tommasso op 31-03-2009 22:31 ]

dinsdag 31 maart 2009 22:31

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Tommasso schreef op dinsdag 31 maart 2009 @ 22:30:
<center> element is (volgens mij) een afgekeurd element wat dus eigenlijk niet meer gebruikt mag worden.

het beste is nu om gewoon een <div> (of een ander geschikt element daarvoor) met margin: 0 auto; oid te gebruiken.

(ik kan morgen wel naar je code kijken en mss verbeteren?

-snip- Daar doen we dus niet aan

[ Voor 13% gewijzigd door BtM909 op 01-04-2009 10:33 ]

dinsdag 31 maart 2009 22:34

Acties:

0 Henk 'm!

Cobalt

Verwijderd schreef op dinsdag 31 maart 2009 @ 22:12:
[...]

heb ondertussen de pixels aangepast, maar hoe zorg ik dat de afbeelding mee uitrekt als ik mijn venster vergroot, en dat hij het niet 'repeat'?

Het uitrekken van een achtergrondafbeelding wordt in css 2.1 nog niet ondersteund. Alle browsers op firefox na ondersteunen de nieuwe css 3 feature daarvoor al wel, maar de onderstaande css3 code kan gewijzigd worden tot aan de final release van css 3. Voorlopig zal het nog wel even werken.

Cascading Stylesheet:

#header {
    height: 125px;
    background: url("MooieHeader.jpg") no-repeat;
    /* background-size zoals het nu in de specificatie staat van css 3 */
    background-size: 100% 100%;
    /* browser specifieke implementatie van verschillende browsers,*/
    -o-background-size: 100% 125px; /* Opera */
    -webkit-background-size: 100%; /* Chrome, Safari */
    -khtml-backgroundsize: 100%; /* Khtml */
}

http://www.w3.org/TR/css3-background/#the-background-size

[ Voor 6% gewijzigd door Cobalt op 31-03-2009 22:38 ]

dinsdag 31 maart 2009 22:37

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Cobalt schreef op dinsdag 31 maart 2009 @ 22:34:
[...]

Het uitrekken van een achtergrondafbeelding wordt in css 2.1 nog niet ondersteund. Alle browsers op firefox na ondersteunen de nieuwe css 3 feature daarvoor al wel, maar de onderstaande css3 code kan gewijzigd worden tot aan de final release van css 3. Voorlopig zal het nog wel even werken.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
#header {
    height: 125px;
    background: url("MooieHeader.jpg") no-repeat;
    /* background-size zoals het nu in de specificatie staat van css 3 */
    background-size: 100%;
    /* browser specifieke implementatie van verschillende browsers,*/
    -o-background-size: 100% 125px; /* Opera */
    -webkit-background-size: 100%; /* Chrome, Safari */
    -khtml-backgroundsize: 100%; /* Khtml */
}

toevallig gebruik ik de firefox browser, maar daar werkt mijn html pagina niet in

woensdag 1 april 2009 09:54

Acties:

0 Henk 'm!

IEF

Why so serious?

Move naar Webdesign, Markup & Clientside Scripting.
@BtM909:

woensdag 1 april 2009 10:35

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Verwijderd schreef op dinsdag 31 maart 2009 @ 22:37:
[...]

toevallig gebruik ik de firefox browser, maar daar werkt mijn html pagina niet in

En nu ben ik er klaar mee. Probeer eerst de beginselen eens onder de knie te krijgen. Koop een boek, volg tutorials, want GoT is geen afhaalchinees voor kant-en-klare CSS of websites.

Je topic was in beginsel al verkeerd, want het hoort in dit subforum. Echter, in dit subforum hebben we ook een beleid wat je hier kan lezen: Webdesign, Markup & Clientside Scripting Beleid.

Zoals je hopelijk begrijpt, voldoet je topic aan geen enkele voorwaarden die we in ons beleid hebben neergezet en ondanks dat iedereen je blijft proberen te helpen, is dit niet een topic wat we hier liever hebben.

Daarom blijft dit topic dicht

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.