Gå til innhold

Problemer med "margin-top" i HTML

Plinge93

Anbefalte innlegg

Plinge93

Plinge93

Skrevet
Skrevet (endret)

Hei!

 

Jeg holder på å lage et design til en facebook-side.

Dette skal jeg skrive i FBML, men holder nå på å skrive html-koden i Dreamweaver.

Problemet mitt er at diven med bakgrunnsbildet flytter seg ned når jeg bare skal flytte diven inni diven med bakgrunnsbildet ned.

 

Her er koden:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div style="background-image:url(http://meeks.no/fbimgs/bakgrunnfb.jpg);
width: 520px;
height: 755px;
margin-top: 0px;">
<div
style="
width: 477px; 
height: auto;
margin-top: 457px; 
margin-left: 21px;
font-size: 12pt;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
color: #808ca7" >
Vi i Meeks UB kan tilby et helt spekter av produkter i forbindelse med media. Likevel har vi lagt mest fokus på foto og grafisk design. Bedriften består av 8 ungdommer fra linjene "Media og kommunikasjon" og "Salg, service og sikkerhet". Vi går alle på Lundeneset videregående skole, og er veldig glade i det vi driver med.
Ta kontakt med oss på [email protected], eller besøk
<div style= "font-size: 24pt;" ><a href="http://meeks.no">Meeks.no</a></div>
</div>
</div>
</body>
</html>

 

På facebook.com/MeeksUB kan dere se hvordan det er, og under er hvordan det skal være.

 

Spørsmålet mitt er da: noen som vet hva jeg gjør galt?

 

 

bakgrunnfbmtext.png

Endret av Plinge93
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
dontzi

dontzi

Skrevet
Skrevet

Hei. Eg har ikkje så mykje peiling på margin-top men har no testa ut litt forskjellig. einaste eg kom fram til var at dine 2 <div> gjekk over kvarandre ^^ så eg flytta dei. men da er et nytt problem at teksten havner langt under så da måtte et sette minus verdi på margin-top funka me mej så du gjer som du vil.

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div style="background-image:url(http://meeks.no/fbimgs/bakgrunnfb.jpg);
width: 520px;
height: 755px;
margin-top: 0px;">
</div>
<div
style="
width: 477px; 
height: auto;
margin-top: -270px; 
margin-left: 21px;
font-size: 12pt;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
color: #808ca7" >
Vi i Meeks UB kan tilby et helt spekter av produkter i forbindelse med media. Likevel har vi lagt mest fokus på foto og grafisk design. Bedriften består av 8 ungdommer fra linjene "Media og kommunikasjon" og "Salg, service og sikkerhet". Vi går alle på Lundeneset videregående skole, og er veldig glade i det vi driver med.
Ta kontakt med oss på [email protected], eller besøk
<div style= "font-size: 24pt;" ><a href="http://meeks.no">Meeks.no</a></div>
</div>
</body>
</html>

Lenke til kommentar
cruzader

cruzader

Skrevet
Skrevet (endret)

btw, bytter du ut margin med padding i koden din så vil det nok se mye bedre ut.

 

samt definere css i stylesheet istedenfor i dokumentet, litt tabs skader aldri heller.

 

Ser på nettsiden deres Web er et av produktene, håper virkelig ikke samme person som laget de nettsidene skal lage nettsider for kunder.

Men er nettsider med særpreg da! spesiel blanding av css og html, som nesten ser likt ut i de forskjellige browserne.

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
</head>
<link rel="stylesheet" href="meeks.css" type="text/css" media="screen">
<body>
	<div id="ytter">
		<div id="inner">
Vi i Meeks UB kan tilby et helt spekter av produkter i forbindelse med media. Likevel har vi lagt mest fokus på foto og grafisk design. Bedriften består av 8 ungdommer fra linjene "Media og 

kommunikasjon" og "Salg, service og sikkerhet". Vi går alle på Lundeneset videregående skole, og er veldig glade i det vi driver med.
Ta kontakt med oss på [email protected], eller besøk
			<div id=link>
<a href="http://meeks.no">Meeks.no</a>
			</div>
		</div>
	</div>
</body>
</html>

 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

div#ytter
{
background-image:url(http://meeks.no/fbimgs/bakgrunnfb.jpg);
width: 520px;
height: 755px;
margin-top: 0px;
}

div#inner
{
width: 477px; 
height: auto;
padding-top: 457px; 
padding-left: 21px;
font-size: 12pt;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
color: #808ca7;
}

div#link
{
font-size: 24pt;
}

Endret av cruzader
Lenke til kommentar
Plinge93

Plinge93

Skrevet
  • Forfatter
Skrevet

Ja, jeg veit at dette ikke er noe særlig bra!

Problemet er at dette skal skrives i FBML siden det skal på en facebook-page. Derfor må alt av CSS inn i HTML-koden. Mulig jeg kunne gjort det på en annen måte, men nå har jeg gjort det slik at det fungerer.

 

Når det gjelder tabs pleier jeg være veldig flink. Grunnen til at dette ble rotete var at jeg har limt den inn i FBML-appen i facebook, for så å endre litt på koden der og så lime den inn i dreamweaver igjenn, der jeg har gjort andre endringer osv.

 

Men tusen takk for hjelp!

Lenke til kommentar
cruzader

cruzader

Skrevet
Skrevet

Anbefaler og unngå dreamweaver for alt i verden :)

Lager veldig dårlig/uryddig kode, generelt kan du kutte ut over halvparten av koden fra noe laget i dreamweaver og ikke har fjernet den døyt du trenger.

 

En frame som henter siden fra egen server/hosting så du unngår deres begrensninger bruker funke veldig fint.

Lenke til kommentar
Plinge93

Plinge93

Skrevet
  • Forfatter
Skrevet

Hvorfor unngå Dreaweaver?

Dersom det er funksjonene der du går på "insert" --> "image" for eksempel du sikter til forstår jeg deg. Men når jeg skriver inn all koden selv, både i HTML og CSS ser jeg ingen ulemper med Dreamweaver.

Da er det jo opp til meg om koden blir ryddig eller ikke.

Lenke til kommentar
Plinge93

Plinge93

Skrevet
  • Forfatter
Skrevet

En frame som henter siden fra egen server/hosting så du unngår deres begrensninger bruker funke veldig fint.

 

Har du lyst til å hjelpe meg med dette? Statisk FBML støtter ikke iFrame, og jeg finner ikke helt ut av andre alternativer heller...

Men ja, dette hadde vært mye bedre, har prøvd på det selv!

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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...