Ladda innehåll med DIV

Inlägg av **Holger** » 2009-04-28 14:18

Hej,

jag skulle vilja ladda mina annonser sist på sidan, men visa dem överst.
Ni tipsade mig om att använda CSS och DIV.
Hur gör jag, finns det exempelkod någonstans?

/Holger

Inlägg av **Kjell** » 2009-04-28 14:30

sist men överst, är inte det dubbla budskap

Kod: Markera allt

<style type="text/css">
.test {
	text-align: center;
}
</style>

Kod: Markera allt

<div class="test">
	<strong>Det här är min annons i fet stil </strong></div>

Inlägg av **Holger** » 2009-04-28 14:33

Hallå, du vet vad jag menar.

Annonserna ska laddas sist i koden, men visas uppe på sidan.

Inlägg av **Kjell** » 2009-04-28 14:35

Jag bara retas lite, kunde inte låta bli

, du har ett exempel ovanför, du var snabb att svara

Sedan så får du lägga till i stilmallen vart och hur den ska visas, den bästa infon har du här http://www.w3schools.com/css/
Jag brukar använda Padding till rätt mycket

Inlägg av **Holger** » 2009-04-28 14:56

Sorry, fattar inte ett dyft vad jag ska göra!

Inlägg av **Kjell** » 2009-04-28 15:14

<div kalla på stilmallvariabel> vilket är det första, sedan kommer bilder eller text och avsluta med </div> den här lägger du i ditt html tema där den ska visas.

I stilmallen, som kan ligga på samma sida mellan <head> och slut på huvudet</head> eller i en egen fil som du kallar på med en länk på samma ställe <link rel="stylesheet" href="sökväg/din_stil.css" type="text/css" media="screen" /> men i en stilmalls fil så ska inte <style type="text/css"> och </style> vara med...

Är du med så långt?

Inlägg av **Holger** » 2009-04-28 15:27

Jag lägger alltså

Kod: Markera allt

<div class="annonser">annonskoder osv</div>

där jag har annonskoderna nu.

Nu till stilmallen, jag använder phpBBs egna.

Inlägg av **Kjell** » 2009-04-28 15:48

och i common.css lägger du

Kod: Markera allt

.annonser{
   text-align: center;
}

text-align: frågar vart texten ska vara, vänster, höger eller i centrum och avslutar med att gå till nästa rad med ; där du kan ha exempelvis padding.
Ha som vana att alltid avsluta med ;

Inlägg av **Holger** » 2009-04-28 15:53

Eh, och hur påverkar detta laddningen?

Inlägg av **Kjell** » 2009-04-28 15:55

Det som påverkar är om du har externa länkar till annonser (bilder) och det är vad jag har försökt tala om förut att annonser bör ligga på sin egen domän så långt det bara går.

Inlägg av **Holger** » 2009-04-28 16:18

Eh, ursäkta, men jag är nog mycket dum just nu ...
Annonserna laddas från en annan domän via JavaScript.

Inlägg av **Kjell** » 2009-04-28 16:48

Det som brukar ta lång tid är om man har reklam på en annan sida och kan den inte kan ladda snabbt eller inte alls, då får man krulligt hår oavsett vart den ligger på sin egen sida.

Inlägg av **Holger** » 2009-04-28 19:51

Eh, du ska inte bekymra dig över den delen ... detta fungerar utmärkt, snabbare går inte, tro mig!

Jag har den starka känslan av att vi inte förstår varandra ...
Jag vill alltså ladda en del av sidan (som ska visas överst på sidan) i slutet av koden, så att allt annat visas innan dess.

Inlägg av **Kjell** » 2009-04-28 23:45

Testa så får du se om det här kan funka för dig, du har ju JavaScript redan, så då kan det inte göra så mycket med lite till

Lägg in den här snutten där du vill ha den på sidan

Kod: Markera allt

<span id="annonser"></span>

och före </body> </html> (foten) så lägger du in

Kod: Markera allt

<script language="javascript">
document.getElementById("annonser").innerHTML = "Här kommer <b>annonsen</b>, eller har jag fel";
</script>

Inlägg av **Holger** » 2009-04-29 19:43

Usch, det blir krångligt ser jag.
Det är en massa JavaScripter med ' och " här och där ... ska rota runt lite ...

Ladda innehåll med DIV

Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Re: Ladda innehåll med DIV

Vilka är online