Gå til innhold

CoffeeCup viser ikke hjemmeside riktig

King-Nothing

Anbefalte innlegg

King-Nothing

King-Nothing

Skrevet
Skrevet (endret)

Jeg har et problem med en side laget i CoffeeCup. Dvs at designet er kjøpt ferdig, men jeg har forandret litt på det for å få det slik jeg vil ha det. Hjemme på både Opera og IE vises siden riktig, dette gjelder også for resten av folket i bandet som har sjekket den. Men her på jobb vises den som på bildet under fra to forskjellige pc`er. Kjører IE på begge. Noen som vet hva som kan være feilen? Hvordan ser den ut når du klikker deg inn på www.promethic.no ?

 

post-41752-1210335663_thumb.png

Endret av King-Nothing
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Matsemann

Matsemann

Skrevet
Skrevet

Kort sagt: Koden på siden er et stort rot!

 

Problemet med logoen er at den er satt på en bestemt plass. Prøv å endre størrelsen på nettleser-vinduet ditt og se hva som skjer. ;)

 

Det kan lett løses slik:

Slett denne linjen like ved body:

<img style="z-index: 100; left: 28px; position: absolute; top: 0px;" alt="" src="images/homepage010.jpg" border="0" height="180" width="1200">

 

 

I CSS-filen, endre:

#header {

height: 180px;

background: url(images/homepage01.jpg) no-repeat center top;

Til

#header {

height: 180px;

background: url(images/homepage010.jpg) no-repeat center top;

 

En enkel løsning ;)

Lenke til kommentar
King-Nothing

King-Nothing

Skrevet
  • Forfatter
Skrevet

SOm sagt så er det et ferdig design, og det eneste jeg har gjort av forandringer er å bytte ut navn på linkene og lagt til logoen.

 

Jeg ville vel tro at disse designene kommer med en "ren" kode, men kan det være CoffeeCup som kødder det til? Er det i så fall noe jeg kan gjøre for å renske opp i den? Har dessverre ikke spesielt mye peiling eller tid til å lære meg html, så derfor jeg bruker CoffeeCup.

 

Anbefal meg gjerne et program som er like enkelt men som kanskje gjør jobben litt bedre...

Lenke til kommentar
King-Nothing

King-Nothing

Skrevet
  • Forfatter
Skrevet

Hva med denne da?

 

www.promethic.no/dag.html

 

Bildet er også her helt på jordet hva plassering angår. Det skal se slik ut:

 

post-41752-1210585692_thumb.jpg

 

Har prøvd å slette 

<img style="Z-INDEX: 100; LEFT: 717px; POSITION: absolute; TOP: 285px" height="263" alt="" src="dag.jpg" width="200" border="0">

og da forsvinner bildet. Greit nok, men i default.css finner jeg ikke dag.jpg

 

Veldig takknemlig for hjelp på dette også. :)

Lenke til kommentar
Skagen

Skagen

Skrevet
Skrevet (endret)

Problemet er at du bruker position: absolute mens resten av siden er dynamisk. Bildet vil da altså alltid være 717px ifra venstre, selv om alt annet på siden plasseres alt ettersom hvilken oppløsning (størrelse på nettleservindu) man har. Har man ikke nettleservinduet i nøyaktig samme bredde som vinduet du sjekker siden med i CoffeCup, så vil bildet bli feilplassert.

Jeg løste dette ved å fjernet koden for bildet helt, og heller tilføye en div-tag med float:right til h1-taggen som inneholder all teksten om Dag:

 

<h1>

<!--- Dette har jeg lagt til: -->

<div style="float: right; clear: right;">
<img width="200" height="263" border="0" alt="" src="dag.jpg"/>
</div>


							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Name:</font>					 
							Dag Frogner Karlsen<o:p _moz-userdefined=""/></font></font></font></span></p>
							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Status:</font>					 
							Engaged<o:p _moz-userdefined=""/></font></font></font></span></p>
							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Age:</font>						 
							25<o:p _moz-userdefined=""/></font></font></font></span></p>
							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span><font size="2" face="Calibri" color="#808080"><font color="#ffffff">Contact:</font> 

							</font><a href="mailto:[email protected]"><font size="2" face="Calibri" color="#808080">[email protected]</font></a></span></p>
							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Instrument:</font>			
							Drums 

							<o:p _moz-userdefined=""/></font></font></font></span></p>
							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Former bands:</font>	 <span style=""> 
							   </span>Illusionboy, Karma 

							<o:p _moz-userdefined=""/></font></font></font></span></p>
							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><font size="2"><font face="Calibri"><span><font color="#808080"><font color="#ffffff">Gear:</font>	  <span style=""> </span> 
											Tama 
							Starclassic Performer, Sabian, Axis, 
							<br/> 
																  Gibraltar and Vic 

							Firth. <br/>							  </font></span><span lang="EN-US" style="font-size: 10pt; line-height: 115%;"><font color="#808080"> 

							<o:p _moz-userdefined=""/></font></span></font></font></p>
							<p align="justify" class="MsoNormal" style="margin: 0cm 0cm 0pt;"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Inspired by:</font>   <span style="">		 </span>Metallica, 
							Dream Theater, Into 
							Eternity,<br/> 
															 Killswitch Engage, Masterplan  etc 
							etc...</font></font></font></span></p><br/><br/>	</h1>

Endret av Skagen
Lenke til kommentar
Skagen

Skagen

Skrevet
Skrevet (endret)

Det jeg la i kode-taggen er kun et lite utdrag av hele koden din, altså kun en H1-tag.

Fullstendig kode (som funker utmerket i Firefox og FireBug):

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=us-ascii">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="wrapper">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="header">
<h1>promethic.no</h1>
</td>
</tr>
<tr>
<td valign="top" id="menu" style="HEIGHT: 50px">
<ul>
<li></li>
</ul>
</td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="page-bg">
<tr height="262">

<td id="page-bgtop">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="page">
<tr>
<td>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img height="12" alt="" src="images/spacer.gif" width="100"></td>
</tr>
<tr>
<td>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="93"> </td>
<td width="159">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="box-style1">
<tr>

<td id="box4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="title">
                               <h2><font face="Calibri" size="2">Menu</font></h2>
</div>
</td>
</tr>
<tr>
<td class="content">
<ul><font size="2"><font size="+1"><font size="1"><strong><font size="2"><font size="+1">
                               <li><a href="www.promethic.no/index.html"><a href="index.html"><font face="Calibri" size="2">Home</font></a><a href="index.html"></a></a><font face="Calibri" size="2"> </font>

                               <li><a href="www.promethic.no/band.html"><font face="Calibri" size="2">Band</font></a><font face="Calibri" size="2"> </font>
                               <li><font face="Calibri" size="2">Media </font>
                               <li><font face="Calibri" size="2">Guestbook </font>
                               <li><a href="www.promethic.no/contact.html"><font face="Calibri" size="2">Contact</font></a><font face="Calibri" size="2"> 
                               </font></li>

</ul></font></font></strong></font></font></font>
</td>

</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="box-style1">
<tr>
<td id="box5">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="title">

</div>
</td>
</tr>
<tr>

<td class="content">
<table width="108" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
<tr>
<td>
<p>
<p>       
<a href="#"></a> </p>
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>
</table>
</td>
<td width="658">
<table width="655" border="0" align="right" cellpadding="0" cellspacing="0" class="box-style1">
<tr>
<td width="655" id="box7">
<table width="655" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="655" class="title">
<h2 align="left"><font face="Calibri" size="2">Dag</font>   
                               </h2>
</td>
</tr>

<tr>
<td class="content">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="bg">
<tr>
<td> 
 <h1>
<div style="float: right; clear: right;">
<img width="200" height="263" border="0" alt="" src="dag.jpg"/>
</div>
                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Name:</font>                     
                               Dag Frogner Karlsen<o:p></o:p></font></font></font></span></p>
                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Status:</font>                     
                               Engaged<o:p></o:p></font></font></font></span></p>
                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Age:</font>                         
                               25<o:p></o:p></font></font></font></span></p>

                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><span><font face="Calibri" color="#808080" size="2"><font color="#ffffff">Contact:</font> 

                               </font><a href="mailto:[email protected]"><font face="Calibri" color="#808080" size="2">[email protected]</font></a></span></p>
                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Instrument:</font>            
                               Drums 

                               <o:p></o:p></font></font></font></span></p>
                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Former bands:</font>     <span style="mso-spacerun: yes"> 
                                  </span>Illusionboy, Karma 

                               <o:p></o:p></font></font></font></span></p>

                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><font size="2"><font face="Calibri"><span><font color="#808080"><font color="#ffffff">Gear:</font>      <span style="mso-spacerun: yes"> </span> 
                                               Tama 
                               Starclassic Performer, Sabian, Axis, 
                               <br> 
                                                                     Gibraltar and Vic 

                               Firth. <br>                              </font></span><span lang="EN-US" style="FONT-SIZE: 10pt; LINE-HEIGHT: 115%; mso-ansi-language: EN-US"><font color="#808080"> 

                               <o:p></o:p></font></span></font></font></p>
                               <p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt" align="justify"><span><font color="#808080"><font size="2"><font face="Calibri"><font color="#ffffff">Inspired by:</font>   <span style="mso-spacerun: yes">         </span>Metallica, 
                               Dream Theater, Into 
                               Eternity,<br> 
                                                                Killswitch Engage, Masterplan  etc 
                               etc...</font></font></font></span></p><br><br>    </h1>

<p>
<p>       







      </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="90"> </td>
</tr>

</table>
</td>
</tr>
<tr>
<td><span class="content"><img height="90" alt="" src="images/spacer.gif" width="100" spacer.gif="" images=""></span></td>
</tr>
</table>
<p> </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>
</table>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" id="footer">
<tr>
<td>
<p>Copyright (c) 2008 promethic.no All rights reserved.</p>
</td>
</tr>
</table>
</body>
</html>

 

Endret av Skagen
Lenke til kommentar
King-Nothing

King-Nothing

Skrevet
  • Forfatter
Skrevet (endret)

Ok, men hva må jeg gjøre for å fikse det da?

 

Prøvde å erstatte din <div>-kode med koden til bildet, men det ble fortsatt ikke riktig plassert...Er ingen racer på dette. :D

 

Og jeg har også 4 medlemmer til å bandet hvor bildet ikke vises riktig. En enkel måte å fikse de på også?

Endret av King-Nothing
Lenke til kommentar
Skagen

Skagen

Skrevet
Skrevet (endret)

Fjerner du div-taggen vil bildet misplassere teksten da float-egenskapene jeg deklarerte fungerer som tekstbryting, og for å fortelle nettleseren at bildet skal plasseres så langt til høyre som mulig (som da blir innenfor området til H1-taggen). Dersom du ikke vil bruke en div-tag med float må du enten endre tabelloppsettet ditt og lage en ny kolonne for selve bildet (tabeller skal egentlig aldri brukes til å designe sider!) eller skrive om siden til å bruke kun div-tags (slik man egentlig skal).

Men å heller bruke en div-tag slik jeg gjorde er den enkleste og kjappeste måten.

 

PS. Funket det når jeg gav deg hele koden?

Endret av Skagen
Lenke til kommentar
Skagen

Skagen

Skrevet
Skrevet (endret)

Du kan kopiere dag2.html-fila og endre denne for hvert enkelt medlem ved å endre tekstinnholdet og filnavnet på bildefilen. Om du eksempelvis høyreklikker på siden og velger "Vis kildekode" så finner du igjen tekstfrasene i kildekoden, og disse bytter du bare ut for hvert medlem. Når det gjelder bildene er det beste om alle bildene er av samme størrelse. Deretter er det bare å endre "src=" (kort for source ~ kilde) i IMG-taggene slik at disse peker til bildet av det respektive medlemmet. Eksempel:

 

Om du laster opp bildet "geir.jpg":

<img width="200" height="263" border="0" alt="" src="geir.jpg"/>

 

Eller "mikkel.jpg":

<img width="200" height="263" border="0" alt="" src="mikkel.jpg"/>

Endret av Skagen
Lenke til kommentar
King-Nothing

King-Nothing

Skrevet
  • Forfatter
Skrevet

Da fikk jeg fikset det også, Tusen takk for hjelpen! :thumbup:

 

Men har et lite spørsmål til jeg håper dere kan hjelpe meg med. Skal ha en PayPal knapp på siden, men den fungerer ikke. Jeg kan se den og finner ingen feil i html-koden, men det går altså ikke ann å klikke på den.

 

Sjekk ut på www.promethic.no/test

Lenke til kommentar
Skagen

Skagen

Skrevet
Skrevet (endret)

Forms er ikke helt min spesialitet, men jeg tror feilen ligger i at du har satt den submit-knappen utenfor resten av form-taggen. :)

 

Slik skal det være:

 

<form method="post" action="https://www.paypal.com/cgi-bin/webscr">
<input type="hidden" value="_xclick" name="cmd"/>
<input type="hidden" value="[email protected]" name="business"/>
<input type="hidden" value="Promethic - Rise From The Ashes EP" name="item_name"/>
<input type="hidden" value="12.00" name="amount"/>
<input type="hidden" value="0.00" name="shipping"/>
<input type="hidden" value="2" name="no_shipping"/>
<input type="hidden" value="http://www.promethic.no/thankyou.html" name="return"/>
<input type="hidden" value="1" name="no_note"/>
<input type="hidden" value="USD" name="currency_code"/>
<input type="hidden" value="0.00" name="tax"/>
<input type="hidden" value="US" name="lc"/>
<input type="hidden" value="PP-BuyNowBF" name="bn"/>  
<img width="1" height="1" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" alt=""/>
<!-- Submit-knappen ligger i linja nedenfor denne, før den avsluttende form-taggen helt nederst -->
<input type="image" border="0" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_buynow_SM.gif" alt="PayPal - The safer, easier way to pay online!"/>
</form>

 

Du kan også prøve med en vanlig submit-knapp:

 

<input type="submit" value="Kjøp nå!"/>

Endret av Skagen
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...