Välkommen till webForum! :)
Utan kod kan det bara bli en gissning: Testa float:left på aden, den ska också komma före textblocket i htmlkoden, men det gör den ju redan.
18 svar · 896 visningar · startad av fried
Hej, jag är en total nybörjare med XHTML och håller på att fiffla runt lite med några hemsidor. hur som helst så har jag nu centrerat texten på hemsidan, för jag vill lägga till en S.K "skyskrapa" på hemsidans VÄNSTRA sida...den som händer att google ad'en kommer på vänster sida, men texten pressas ner, hur gör jag för att hindra detta? Tack för svar...
Välkommen till webForum! :)
Utan kod kan det bara bli en gissning: Testa float:left på aden, den ska också komma före textblocket i htmlkoden, men det gör den ju redan.
<script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 120x600, skapad 2008-04-18 */
google_ad_slot = "4128324556";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Så ser google aden ut, vart ska jag skriva in float:left någonstans?
Men lite mer av sidans kod vore inte helt fel.. Svårt att gissa sig till resten vettu ;)
<body>
<center><img src="http://upload.wikimedia.org/wikipedia/en/7/7a/David_Berkowitz.jpg" alt="Seriemördare" title="Serial-killer" width="400" height="190" />.
<br /><br /><script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 468x60, skapad 2008-04-13 */
google_ad_slot = "6659390788";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center><br /><br /><br />
</center>
<script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 120x600, skapad 2008-04-18 */
google_ad_slot = "4128324556";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><center>
<center><h3>David Berkowitz</h3><br /><br />
<p>MASSA TEXT, det är alltså till vänster om denna text som jag vill ha google aden, texten trycks ner!</p>
alltså, inte för att verka taskig nu, men börjar du inte i fel ände?
google är sällan helt välvilligt inställda till inlänkade bilder från tex wikipedia och en rörig kod som börjar med nonsens - oavsett om det är deras egen reklam.
börja med det viktigaste, en schysst stuktur. fyll på med innehåll som du själv är upphovsman till (det spelar faktiskt en stor roll det med) och sen när du ser i statistiken att du faktiskt har besökare - lägg till lite annonser om du vill skräpa ner deras surfmiljö
som sidan ser ut idag kommer du inte tjäna några pengar.
okej?
men som svar på din fråga - använd en omslutande div runt en div för innehållet som du sätter värden som bredd och float right samt den div som innesluter annonserna med värdet float left (och bredd också naturligtvis)
den omslutande diven ska ha en total bredd som är något större än de två inneslutande divarnas totala hopslagna bredd. förstår du vad jag menar?
går jag dig över huvudet nu så fortsätt "fiffla" med xhtml och css och mindre "fiffel" med google ads
lycka till
Du har inte ens fått hela koden, det där är inte indexen om du tror det, och, jag är långt ifrån klar, jag har arbetat cirkus 10min på den dära tills jag på en gång stötte på problemet som jag genast ville fixa...
Och nej förstog inte hur du menade,
Tack iaf
Man behöver inte se så mycket mer än så som "van" kodare för att ganska mycket veta hur resten ser ut ;) Mitt förslag är att du börjar läsa lite om html och css, klarar du inte att floata en så simpel grej så har du en del att lära, inget taskigt eller illa menat.
Det finns idag en massa sköna siter som man kan lära sig både det ena och det andra ifrån.. Google är din vän :)
Btw, en enkel lösning:
#container {
width:640px;
}
#adsense {
width:120px;
float:right;
}
#main {
float:left;
}
<div id="container">
<div id="adsense">
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript">
<!--
google_ad_client = "pub-3276635821711239";
google_ad_slot = "4128324556";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
</div>
<div id="main">
<p>MASSA TEXT, det är alltså till vänster om denna text som jag vill ha google aden, texten trycks ner!</p>
</div>
</div>
Hmm, känns fel.. Skyller på drickat om jag missat nått ;)
R\ *skrattar* fel sockor på mig idag.. float:left och float:right ska givetvis vara tvärtom som dom är nu :D
Orsaken att jag skrev här är för att jag inte orkade läsa igenom svin mycket för att ta reda på jusst det där, ville bara ha ett enkelt svar, och kanske att ni skrev hur jag skulle skriva, om det är så simpelt, varför inte bara hjälpa?
Tack i förhand
Om du kollar nu så ser du att jag har gjort det, men att åka gratis utan att ens försöka ta reda på det är fel väg att gå och det kan jag nästan slå vad om att alla här tycker..
Säkert jag som gjort något fel, men det funkar inte..,får väl läsa vidare igenom allt skit.
Kopiera in hela sidan i sin fullhet och omslut med [ kod ] taggar så kan jag hjälpa dig..
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>David Berkowitz</title>
</head>
<body>
<center><img src="http://upload.wikimedia.org/wikipedia/en/7/7a/David_Berkowitz.jpg" alt="Seriemördare" title="Serial-killer" width="400" height="190" />.
<br /><br /><script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 468x60, skapad 2008-04-13 */
google_ad_slot = "6659390788";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center><br /><br /><br />
<center><h3>David Berkowitz</h3><br /><br />
</center>
<script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 120x600, skapad 2008-04-18 */
google_ad_slot = "4128324556";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<center>
<p>TOG BORT ALL TEXT HÄR FÖR DET BLIR BARA ONÖDIGT MYCKET</p>
</center>
<center>
<!-- Search Google -->
<center>
<form method="get" action="http://www.google.com/custom" target="_top">
<table bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>
<br/>
<label for="sbi" style="display: none">Enter your search terms</label>
<input type="text" name="q" size="60" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Submit search form</label>
<input type="submit" name="sa" value="Search" id="sbb"></input>
<input type="hidden" name="client" value="pub-3276635821711239"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="safe" value="active"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input>
<input type="hidden" name="hl" value="en"></input>
</td></tr></table>
</form>
</center>
<!-- Search Google -->
<script type="text/javascript"><!--
google_ad_client = "pub-3276635821711239";
/* 728x90, skapad 2008-04-18 */
google_ad_slot = "4237265532";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
</body>
</html>
Det känns som att jag måste tillägga att jag är 14 och började läsa HTML för drygt två dagar sen, det känns av nån andledning fel att massa folk på ett forum som jag aldrig någonsin träffat eller kommer träffa tror jag är dum i huvudet eller något...;P
<?xml version="1.0" encoding="iso-8859-2"?>
<!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>
<title>David Berkowitz</title>
</head>
<head>
<style>
#wrap {
width:640px;
margin:0 auto;
}
#header {
text-align:center;
}
#adsense {
width:139px;
float:right;
text-align:right;
}
#main {
float:left;
width:500px;
}
#footer {
text-align:center;
}
.clear {
clear: both;
visibility: hidden;
height:1px;
margin-bottom:-1px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header"><img src="http://upload.wikimedia.org/wikipedia/en/7/7a/David_Berkowitz.jpg" alt="Seriemördare" title="Serial-killer" width="400" height="190" /></div>
<div id="container">
<div id="adsense">
<script type="text/javascript">
<!--
google_ad_client = "pub-3276635821711239";
google_ad_slot = "4128324556";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<div id="main">
<h1>David Berkowitz</h1>
<p>MASSA TEXT, det är alltså till vänster om denna text som jag vill ha google aden, texten trycks ner!</p>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<form method="get" action="http://www.google.com/custom" target="_top">
<label for="sbi" style="display: none">Enter your search terms</label>
<input type="text" name="q" size="60" maxlength="255" value="" id="sbi" />
<label for="sbb" style="display: none">Submit search form</label>
<input type="submit" name="sa" value="Search" id="sbb" />
<input type="hidden" name="client" value="pub-3276635821711239" />
<input type="hidden" name="forid" value="1" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="hidden" name="oe" value="ISO-8859-1" />
<input type="hidden" name="safe" value="active" />
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFF F;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP :0000FF;FORID:1" />
<input type="hidden" name="hl" value="en" />
</form>
</div>
</div>
</body>
</html>
Bör väll funka, orkar inte testa nu och det kan utan tvekan göras bättre men som sagt, trött och lite vimsig..
Alla har vi någonstans börjat, när jag började kände jag inte en enda som ens visste vad html var, så det vart till att lära sig :) Det lönar sig ska du se..
Jag testade, du hade gjort satt det var åt höger, det kunde jag fixa, dock inte det att när jag fixade satt den var till vänster, var den PRECIS till vänster om texten, jag vill att den ska vara så långt åt vänster som möjligt. Tacksam om du skulle kunna fixa det! =)
Jag läser ju också igenom koden och lär mig samtidigt. ^^
<?xml version="1.0" encoding="iso-8859-2"?>
<!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>
<title>David Berkowitz</title>
</head>
<head>
<style>
#wrap {
width:640px;
margin:0 auto;
}
#adsense {
position:absolute;
top:100px; /* Latja lite med höjden så du får den där du vill ha den. */
left:0px;
}
.center {
text-align:center
}
</style>
</head>
<body>
<div id="wrap">
<div class="center"><img src="http://upload.wikimedia.org/wikipedia/en/7/7a/David_Berkowitz.jpg" alt="Seriemördare" width="400" height="190" title="Serial-killer" /> </div>
<h1>David Berkowitz</h1>
<p>MASSA TEXT, det är alltså till vänster om denna text som jag vill ha google aden, texten trycks ner!</p>
<div class="center">
<form method="get" action="http://www.google.com/custom" target="_top">
<label for="sbi" style="display: none">Enter your search terms</label>
<input type="text" name="q" size="60" maxlength="255" value="" id="sbi" />
<label for="sbb" style="display: none">Submit search form</label>
<input type="submit" name="sa" value="Search" id="sbb" />
<input type="hidden" name="client" value="pub-3276635821711239" />
<input type="hidden" name="forid" value="1" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="hidden" name="oe" value="ISO-8859-1" />
<input type="hidden" name="safe" value="active" />
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFF F;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP :0000FF;FORID:1" />
<input type="hidden" name="hl" value="en" />
</form>
</div>
</div>
<div id="adsense">
<script type="text/javascript">
<!--
google_ad_client = "pub-3276635821711239";
google_ad_slot = "4128324556";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
</body>
</html>
?? Förstår inte riktigt hur du menar men nått åt det hållet?
Jaa, precis sådär. Lite längre ner, men det fixar jag själv!
Tack så mycket för hjälpen!
Vassogod..
Glöm inte markera tråden som löst bara :)