Help! browers gooien alles door elkaar...
ik ben een site aan het maken voor een kapsalon,
in google chrome werkt ALLES
in firefox staan de menu knoppen over de inhoud heen,
en in IE en Firefox staat het plaatje van de slideshow honderden pixels naar rechts..
(dus buiten het kader van de slideshow)
en in IE staan een aantal dingen wat naar rechts verplaatst...
(de slideshow (waar je komt bij het 3de tabblad) is nog 100% standaard, ik wil eerst alles goed hebben voordat ik verderga ;)!)
ik begin binnenkort een site met logo-ontwerp enzo,
daar host ik nu even die kappers-site,,
www.peak121.com
ik hoop dat iemand me kan helpen!
Gewijzigd op 21/12/2010 19:54:40 door Jason van der Zeeuw
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.peak121.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Edit:
Serieus, dat het nog goed werkte in Chrome zegt meer wat over die browser dan hoe goed je bent. Dit kan voor geen meter:
Code (php)
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
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
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="simplegallery.js">
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
<!-- bagger weg (Karl) -->
</script>
<div class="bannerslide">
<div id="simplegallery1"></div>
</div><!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="style.css" re(...)
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="simplegallery.js">
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
<!-- bagger weg (Karl) -->
</script>
<div class="bannerslide">
<div id="simplegallery1"></div>
</div><!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="style.css" re(...)
En je hebt jQuery, waarom maak je dan niet wat goed, waarom moet je dan zo'n stom slecht bagger script van dynamichuppeldepup gebruiken?
En daarna een mooi css je zodat alles precies goed staat.
duidelijk,
dat komt door mijn
enzo :) stom van me inderdaad,,
ik heb die bagger eruit gehaalt,
maar hoe zou ik alles in elke browser goed kunnen krijgen?
alles in divjes zetten?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!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>
<!-- Pagina titel -->
<title>Website titel</title>
<!-- Meta- tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Stylepagina's -->
<link rel="stylesheet" type="text/css" href="inc/css/default.css" />
<link rel="stylesheet" type="text/css" href="inc/css/menu.css" />
</head>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Pagina titel -->
<title>Website titel</title>
<!-- Meta- tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Stylepagina's -->
<link rel="stylesheet" type="text/css" href="inc/css/default.css" />
<link rel="stylesheet" type="text/css" href="inc/css/menu.css" />
</head>
<body>
</body>
</html>
Een menu maak je met de ul, li tags van html in combinatie met wat css.
Overigens is je tekst amper te lezen
Gewijzigd op 21/12/2010 20:37:18 door Milo S
gewoon een appart css bestand aanmaken voor elk losse 'onderdeel' ?
Nee dat hoeft niet, kan wel, laad tijd word dan wel langer. Ik pak altijd menu apart, dit is persoonlijke voorkeur, menu kan soms nogal lang worden.
ik snap ook wel dat sommige browsers sommige dingen anders zien, of anders neerzetten,
maar hoe kan ik het beste zorgen dat het niet het ene 20px naar rechts gaat en het andere blijft staan... enzovoorts..?
Berichten doe je in een textarea, niet in een vergrootte input. Dus doe een formulier zo, en gooi er css op los:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<form action="" method="post">
<label>Naam</label>
<input name="naam" type="text" />
<label>Bericht</label>
<textarea name="bericht"></textarea>
<input type="submit" value="Verzenden" />
</form>
<label>Naam</label>
<input name="naam" type="text" />
<label>Bericht</label>
<textarea name="bericht"></textarea>
<input type="submit" value="Verzenden" />
</form>
Gewijzigd op 21/12/2010 20:51:55 door Milo S
ik doe nu net 3 maanden de opleiding informatica,
dus ik ben nog behoorlijk in de leer ;)!
bedankt tot zover :)! ik zal je op de hoogte houden als iets is gelukt..!
Toevoeging op 21/12/2010 20:54:27:
om alles html en css valide te houden gewoon W3validator.org?
Ja dat kan je gebruiken, maar goed html leren is beter dan steeds kijken of het wel klopt... Als je nu gewoon goed je koppie gebruikt is er niks aan de hand.
Ik gebruik om css bestandjes te maken stylesheet pro die werkt heel makkelijk en hoef je niet steeds alles te google
Alleen dan begint het echte werk: Cross-browser en alle andere bugs.
Ik heb een idee (nog nooit zo'n opleiding gevolgd) dat je dit soort dingen te weinig leert. Ik ben dan ook van mening dat een forum volgen een veel betere school is dan een opleiding.
Misschien is dit in PHP niet zo, maar met CSS/HTML leer je toch het meeste van praktisch bezig zijn. Zien wat de code doet en nadenken hoe je het moet oplossen.
Maar goed we gaan nu even heel erg off-topic. Een goede site om juiste HTML/CSS te leren is: http://www.sceneone.nl/ en http://www.mijnhomepage.nl/.