Lite hjälp med DW

2010-05-04 12:06

Permalänk

Bullen

Medlem

Plats: Småland
Registrerad: Jul 2001

●

Lite hjälp med DW

Hej!

Chiefen har köpt en färdig sida från något företag men är inte riktigt nöjd med den så jag håller på att omarbeta den lite nu. Nu till problemet - kollar ni Mjäryds Elmontage AB Tillgänglighet, engagemang, smidighet så ser ni att Aktuellt hoppar upp i bilden samt att det inte är grått bakom texten vid "Välkommen till..".

Det jag nu undrar är..varför blir det så? Tittar jag på index-filen jag har på datorn (öppnar den i IE) ser det bra ut, varför blir det inte likadant när jag laddar upp skiten? Ska tillägga att jag verkligen inte är någon web-guru, har pysslat lite med DW men kan inte så mkt egentligen så jag gissar mig fram mycket Ingen kritik behövs ges på sidan i övrigt! Programmet jag använder är DW MX 2004.

Index-filen hittas här -> YourFileHost.com - Free hosting for ALL your files -S

Tacksam för hjälp!

Visa signatur

If my answers frighten you then you should cease asking scary questions.

Rapportera Redigera

Citera flera Citera

2010-05-04 12:49

Permalänk

save

Medlem

Plats: Stockholm
Registrerad: Feb 2005

●

Klassen news har position:absolute samtidigt som den ligger utanför ipic2 som skjuter undan den om du försöker placera den bredvid.
Det bästa är om du separerar objekten (kontakt, aktuellt och den tredje) så du kan använda float:left och positionera med marginaler istället, alternativt att du placerar tre divar inuti ipic2 som du gör samma sak för.

<style>
.box1, .box2, .box3 {
float:left;
display:inline;
}
.box2, .box3 {
margin-left:10px;
}
.box1 {
width:270px;
height:150px;
}
/*..osv..*/
</style>

<div id="ipic2">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>

Visa signatur

Rapportera Redigera

Citera flera Citera

2010-05-04 13:03

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

Sidan är inte speciellt välbyggd. Den baseras till viss del på statiska bildelement som fylls genom att ett separat textområde med hjälp av x- och y-koordinater placeras rakt ovanför. I praktiken innebär detta att man får uppdatera dessa koordinater beroende på hur hög den stora bilden ovanför är.

Jag lekte lite med koordinaterna. Om du öppnar filen master.css och ersätter

.news{position:absolute;top:25px;left:326px;width:320px;}

med

.news{position:absolute;top:374px;left:326px;width:320px;}

så ser det bättre ut. Det är en snabb fix på problemet som inte kommer hålla om bilden ovanför ändrar dimensioner, men det duger kanske tills vidare.
Sen märkte jag att det fattas bakgrund på "Välkommen till Mjälryds Elmontage AB"-stycket. Det ser ut som om där ska finnas röda kanter..

Edit: beaten to the punch Saves lösning är den snyggare varianten. Om du vågar peta omkring i koden tycker jag du ska följa den. Dock kvarstår problemet med utebliven bakgrund på textstycket nedanför. För att fixa detta ska du, i samma fil (master.css), ta bort float:left från följande klasser: .ipic1, .ipic2, .itext-top, .itext-bottom, .itext-center

Senast redigerat 2010-05-04 13:17

Visa signatur

Kom-pa-TI-bilitet

Rapportera Redigera

Citera flera Citera

2010-05-04 13:16

Permalänk

Bullen

Medlem

Plats: Småland
Registrerad: Jul 2001

●

Hej! Tack så mkt för er hjälp! Hehe nä, sidan är inte speciellt välbyggd..men man får göra det bästa av situationen! Tack än en gång!

edit: Sweet, nice! Hehe

Senast redigerat 2010-05-04 13:23

Visa signatur

If my answers frighten you then you should cease asking scary questions.

Rapportera Redigera

Citera flera Citera

2010-05-04 13:16

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

Skrivet av Bullen:

Hej! Tack så mkt för er hjälp! Hehe nä, sidan är inte speciellt välbyggd..men man får göra det bästa av situationen! Tack än en gång!

Gå till inlägget

Kolla float-fixarna i min förra post så får du bukt med några andra problem.
edit Jag rekommenderar att du INTE använder DW till att göra dessa förändringar. Som det ser ut nu så håller du på att slakta taggar och skriva inline-stilar för vissa element..

Använd hellre vanliga Windows notepad, och ändra BARA i master.css

Visa signatur

Kom-pa-TI-bilitet

Rapportera Redigera

Citera flera Citera

2010-05-04 13:25

Permalänk

Bullen

Medlem

Plats: Småland
Registrerad: Jul 2001

●

Haha, too late Tony...jag kör på tills det ryker Tack!

edit: är det nån mening med att köra med (at) istället för @ nuförtiden?

Visa signatur

If my answers frighten you then you should cease asking scary questions.

Rapportera Redigera

Citera flera Citera

2010-05-04 13:26

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

Haha, spännande
Lycka till i varje fall

Visa signatur

Kom-pa-TI-bilitet

Rapportera Redigera

Citera flera Citera

2010-05-04 13:29

Permalänk

Bullen

Medlem

Plats: Småland
Registrerad: Jul 2001

●

Tack!

Snabbfråga bara; är det nån mening med att skriva (at) istället för @? Chiefen snackade nåt om att spammet ökar typ.

Visa signatur

If my answers frighten you then you should cease asking scary questions.

Rapportera Redigera

Citera flera Citera

2010-05-04 13:34

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

ska det vara en klickbar länk så spelar det ingen roll eftersom epost-adressen ändå ligger i källkoden. Annars kan man ibland lura webcrawlers som letar adresser genom att använda (at).. i vissa lägen. Jag tror dock att detta trick idag är så utbrett att webcrawlers helt enkelt letar efter (at) också.

Ett fulsnyggt alternativ är att göra en bild som du döper till exempevis ful.gif, där du skrivit mail-adressen i klartext med snabel-a och hela köret. Jag vågar gissa att de allra flesta snokarprogram är för "dumma" för att tolka grafik till text.

Visa signatur

Kom-pa-TI-bilitet

Rapportera Redigera

Citera flera Citera

2010-05-04 16:56

Permalänk

Myllerman

Medlem ★