Gå til innhold

[HTML] Unngå at elementer forskyver hverandre

Lycantrophe

Anbefalte innlegg

Lycantrophe

Lycantrophe

Skrevet
Skrevet

Hei.

 

Jeg er ganske ny med HTML (IT @ VG2, selvstendig arbeid) og har i oppgave å designe en hjemmeside. Planen min er å parodiere en ganske berømt side vi ikke snakker om her.

 

Jeg har dog et lite problem. Hele side-inholdet er i én ramme, med knapper på toppen (dette har jeg fått til) og reklame ned på siden, med et hovedelement i midten. Dette er også oppnådd.

 

Problemet mitt, på den annen side, er at det ene elementet (reklamen, bilde på 100x75, stort sett) forskyver hele rammen på grunn av elementet i midten. Er det noen måte å få et element til å ignorere andre rammer og ta opp en fast plass (har ikke noe tekst i denne rammen), og dyttes inn mot midten/venstre, enn at den utvider rammen og beveger seg mot høyre?

 

Takker for alle innspill.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Lycantrophe

Lycantrophe

Skrevet
  • Forfatter
Skrevet (endret)

Kommer straks. :)

 

Siden kommer ikke til å postes online, forresten, kun lokalt. 10kr til den som gjetter siden. Og ikke le for høyt av div. koder. Som sagt, jeg er ny.

 

<html>

	<Title>
	2scoops1cup | Daddy must be proud
	</title>
	<Style type="text/css">
		body{
				background: CCCCFF url("DMBPBG.jpg") repeat fixed left top;

			}
			.headImage
			{
			text-align:top-left;
			margin-top:0px;
			margin-bottom:-25px;
			padding:0px;
			margin-left:240px;
			position:relative;
			}	
.imgBorder {
 border: none;
			}

	.left	{
	float: left; 
	margin: 3px; 

			}

	.right{
	 float: right;
	 margin: 3px; 
			}

	</style>
<head>
	<script type="text/javascript" src="randomAds.js"></script>
</head>

	<body>
		<EMBED 
			SRC="C:\Documents and Settings\BE08059102\Mine dokumenter\herve roy - lovers theme.mp3"
			LOOP=True
			HEIGHT=0 WIDTH=0>

	<p class="headImage"><a href="2scoops1cup.html" border="0"><img src="2scoopsheadfinal.png" border="0"></a></p>

		<table background="2scoopsfinalborder.png" table border=0 Width=800 height=700 cellspacing="0" align=center>

			<td><valign=top>
				<table background="2scoopsfinaltop.png" height=120 width=600 align="center"></td>
					<td>
						<center>
							<img align="left" src="2scoopswarning.png" border="0" style="left">
							<span

							style="color: rgb(255, 172, 172); font-family: Verdana;"> Yo peep this sons. This be a site of cold content. If you are under the age of 18 or plan to use your parents credit card, you probably should not be viewing this. If you're at work, don't press "buy". This will scar you. By the way, we are the original 2scoops1cup, so don't fall for other sites
							</span>
						</center>

					</td>
				</table>
				<br>
				<tr>			<td>
						<p align="left">
		<script type="text/javascript" class="left">
		randomorder(adblock, '<br><br>')
		</script>
		</p>
		<br>
		<a href="2scoops1cup.productvideo.html">
		Buy here
		</a>
		</td>
			<td>
			<p align="right">
		<script type="text/javascript" class="right">
	randomorder(adblock, '<br><br>')
		</script>
		<br>
		<a href="2scoops1cup.productvideo.html">
		Buy here
		</a>
		</p>
		</td>

		</tr>



		<tr>
				<td>
					<p align="center">
					<img src="Stout chocolate malt ice cream.jpg" width=450 height=307 align="center">
					</p>
				</td>
				</tr>
	</table>
</html>

Endret av Lycantrophe
Lenke til kommentar
4588pkdkrikue5c

4588pkdkrikue5c

Skrevet
Skrevet

Berre hyggeleg!

Håper verkeleg ikkje eg fekk deg til "å falle av" no med å med å vere for brå. Men somsagt, me broker berre tables til tabulære data. Heile logikken er annleis om ein bruker CSS og HTML samen, til det bettre.

Og ikkje minst - du har mykje meir kunstnerisk frihet. Ting er lettere. Faktisk. Kan kanskje sjå noko rotete ut i starten, men du har jo lært å gå, no skal du berre begi deg ut på litt lett jogg!

 

Igjen - lukke til, berre spør om du får problemer underveis. Eg har vore der sjølve :)

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...