[Løst]Design fungerer ikke i firefox, men går greit i chrome

scarfaze1 · 29. mars 2009

Hei, jeg holder på med ett design som jeg skal bruke i ett lite web-design og hosting "firma"

Det jeg har problemer med er att designet ikke fungerer i firefox, jeg har litt peiling på html, men ikke nok til å finne ut hva som er galt. Håper noen her vet det!

Her er koden:

<html>
<head>
<title>RGB web</title>
<link type="text/css" rel="stylesheet" href="_stylesheet.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#330000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (RGB web.psd) -->
<table id="Table_01" width="851" height="851" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td colspan="10">
		<img src="images/RGB-web_01.gif" width="850" height="31" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
	<td colspan="2" rowspan="2">
		<img src="images/RGB-web_02.gif" width="31" height="212" alt=""></td>
	<td colspan="7">
		<img src="images/RGB-web_03.gif" width="788" height="128" alt=""></td>
	<td rowspan="20">
		<img src="images/RGB-web_04.gif" width="31" height="819" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="128" alt=""></td>
</tr>
<tr>
	<td colspan="7">
		<img src="images/RGB-web_05.gif" width="788" height="84" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="84" alt=""></td>
</tr>
<tr>
	<td rowspan="18">
		<img src="images/RGB-web_06.gif" width="22" height="607" alt=""></td>
	<td colspan="3" rowspan="2">
		<img src="images/RGB-web_07.gif" width="137" height="28" alt=""></td>
	<td colspan="5">
		<img src="images/RGB-web_08.gif" width="660" height="8" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
	<td rowspan="17">
		<img src="images/RGB-web_09.gif" width="17" height="599" alt=""></td>
	<td colspan="3" rowspan="14" background="images/Home_1.gif" width="462" height="541" valign="top">


       </td>
	<td rowspan="17" background="images/RGB-web_11.gif" width="181" height="599">
	</td>
	<td>
		<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
	<td colspan="3">
		<img src="images/RGB-web_12.gif" width="137" height="20" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<a href="index.php"><img src="images/User_13.png" border="0" width="136" height="10" alt=""></a></td>
	<td rowspan="15">
		<img src="images/RGB-web_14.gif" width="1" height="559" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="images/RGB-web_15.gif" width="136" height="18" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<a href="staff.php"><img src="images/User_16.gif" border="0" width="136" height="10" alt=""> </a></td>
	<td>
		<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="images/RGB-web_17.gif" width="136" height="21" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<a href="forum.php"><img src="images/User_18.png" border="0" width="136" height="8" alt=""></a></td>
	<td>
		<img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="images/RGB-web_19.gif" width="136" height="24" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<a href="contact.php"><img src="images/User_20.gif" border="0" width="136" height="10" alt=""></a></td>
	<td>
		<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="images/User_21.gif" width="136" height="25" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<a href="about.php"><img src="images/User_22.gif" border="0" width="136" height="10" alt=""></a></td>
	<td>
		<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="images/RGB-web_23.gif" width="136" height="24" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<a href="examples.php"><img src="images/User_24.png" border="0" width="136" height="10" alt=""></a></td>
	<td>
		<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
	<td colspan="2" rowspan="4">
		<img src="images/RGB-web_25.gif" width="136" height="389" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="331" alt=""></td>
</tr>
<tr>
	<td colspan="3">
		<img src="images/RGB-web_26.gif" width="462" height="10" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
	<td rowspan="2">
		<img src="images/RGB-web_27.gif" width="216" height="48" alt=""></td>
	<td>
		<img src="images/RGB-web_28.gif" width="42" height="25" alt=""></td>
	<td rowspan="2">
		<img src="images/RGB-web_29.gif" width="204" height="48" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/RGB-web_30.gif" width="42" height="23" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/spacer.gif" width="22" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="9" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="127" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="17" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="216" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="42" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="204" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="181" height="1" alt=""></td>
	<td>
		<img src="images/spacer.gif" width="31" height="1" alt=""></td>
	<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

hvis du har lyst til å gå inn på siden for å se hvordan den ser ut:

http://antonweb.dyndns.org/en/testing.php

Jeg takker for alle svar som kan hjelpe meg til å finne ut hva som er galt.

scarfaze1 · 31. mars 2009

noen?

4588pkdkrikue5c · 31. mars 2009

Kva er galt?

Ikkje stygt meint; men du kan no ikkje kalle deg webkodar når du berre har "slicet" rett frå ImageReady/Photoshop.

scarfaze1 · 1. april 2009

litt enig der, har vært altfor opptatt med php og mysql egentlig, sliter med html og css biten, så din anbefaling er å bare lage egne tables?

Imaginary · 1. april 2009

Tabeller skal kun brukes på tabulært innhold! Min anbefaling er å se på de flotte startguidene hos HTML Dog.

4588pkdkrikue5c · 1. april 2009

La meg berre understreke forrige innlegg - tabeller skal kun brukes til tabulært innhald! Du må lære deg HTML samen med CSS. Det er mykje enklare óg, ting vart plutselig mykje meir logisk.

akkapakka · 2. april 2009

litt enig der, har vært altfor opptatt med php og mysql egentlig, sliter med html og css biten, så din anbefaling er å bare lage egne tables?

Slike design blir vanskelig å vise i Firefox og de nye nettlesere, Chrome er i Beta.

Dessverre man er nødt til å lære seg CSS og (X)HTML.

Mange som gir tips om disse HTML dogs osv. De er forsåvidt greit, men jeg vet at mange ikke forstår de en gang, fordi de vet ikke hvordan HTML og CSS fungerer sammen.

Vet ikke om de som anbefaler disse sidene har selv lært derfra eller ikke.

Men når du forstår hvordan det fungerer vil du klare å se på HTML dogs og w3school hvordan dette fungerer sammen.

Jeg var på din nivå selv, sikkert mange her var det også. Men da brydde jeg lite om Firefox, men i dag er den viktig.

Prøv litt html med css. Ikke ta store steg, bare små ting hver dag, maks 10-15 min litt så forstår du hvordan den henger sammen. Du kan f.eks. prøve å gjøre følgende:

Bare klipp ut selve headeren i egen fil f.eks. header.jpg og prøv å legge den i en html div, slik gjøre du det:

<div id="header">
<img src="images/header.jpg" alt="header=" width="600" height="200" />
</div>

Lagre denne som index.html

Åpne ny fil og skriv

#header {
width: 600px;
height: 200px;
}

Lagre denne som stylesheet.css

Her ser du at #header i CSS filen og class="header" i html filen blir en kobling på en måte.

I index.html

Mellom <head> og </head>

 <<span class="start-tag">link</span><span class="attribute-name"> rel</span>=<span class="attribute-value">"stylesheet" </span><span class="attribute-name">href</span>=<span class="attribute-value">"stylesheet.css" </span><span class="attribute-name">media</span>=<span class="attribute-value">"all" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/css" </span><span class="error"><span class="attribute-name">/</span></span>>

Så kan du lagre den index.html.

Dette var egentlig bare for å vise deg hvordan css og html fungerer. Det var faktisk slik jeg skjønte dette første gang.

Jeg sleit veldig mye med å forstå hvordan den CSS saken fungerte osv.

Håper du også forstår.

Eller kanskje noen andre kan bidra til å hjelpe mer

Bare spør hvis det er noe mer du lurer på.

scarfaze1 · 3. april 2009

Ok, leser litt rundt nå, w3schools er en favoritt. HTML dog sin skrift var bare rar, og noe vanskelig å lese.

Til alle andre som skal lære dere noe av web-programmering anbefaler jeg egentlig å bare kjøpe Head First bøker, dem EIER, har selv PhP & MySQL, Javascript og Web Design bøkene dems, netopp bestilt HTML, CSS og XHTML

Bøkene dems har

- Ett forum å henvende deg til, hvor du kan snakke med forfatterne (de logger inn hver dag)

-Bøkene er geniale, med oppgaver og mye bra stoff, de første sidene beskriver de deg, hva som gjør alt unikt når du leser en headfirst bok, og det er sant!

Anton

Logg inn

[Løst]Design fungerer ikke i firefox, men går greit i chrome

Anbefalte innlegg

scarfaze1

Lenke til kommentar

Videoannonse

scarfaze1

Lenke til kommentar

4588pkdkrikue5c

Lenke til kommentar

scarfaze1

Lenke til kommentar

Imaginary

Lenke til kommentar

4588pkdkrikue5c

Lenke til kommentar

akkapakka

Lenke til kommentar

scarfaze1

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer