Css Problem! – Fuska.se forum

CrazyCake

17 feb 2010 #1

Tjenare.

Jo jag behöver lite hjälp med css.

Jo nu är det så att jag har lagt in min box (Div) i min text box/div.

Kod:

<html> 
<head> 
<title>Lol</title> 
<link href="mall.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div id="container"> 
<div id="banner"> 
</div>
<div id="text">
<IMG SRC="lol.png">
<div id="spalt">
<A HREF="index.html"><IMG SRC="ikon_start.png"></A>
<A HREF="games.html"><IMG SRC="ikon_spel.png"></A>
<A HREF="projekt.html"><IMG SRC="ikon_projekt.png"></A>
<A HREF="program.html"><IMG SRC="ikon_program.png"></A>
<A HREF="ovrigt.html"><IMG SRC="ikon_ovrigt.png"></A>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<FONT SIZE="1">Site is created by Logfan/ReAzoN^.</FONT>
<BR>
<FONT SIZE="1">Copyright 2010</FONT>
</div>
<div id="picture"> 
</div> 
</div> 
</body> 
</html>

Men när jag ska skriva text i mitt text box så vill jag ju göra det lite ner inte längst upp.

Så jag skriver <BR> då, Men då följer ju min spalt box med också.

Så min fråga är: Hur ska jag fixa så min spalt inte följer med?

Ceto Nivå 6 · Fuskare 2 083 inlägg
medlem sedan 2005

17 feb 2010 #2

Vad är det du försöker göra?

Själv tror jag att du menar width: 500px; height: 800px;

#box{

width: 800px;

height: 1000px;

background-color: #FFFFFF;

color: #000000;

font-weight: bold;

border: 3px solid #000000;

margin-left: auto;

margin-right: auto;

margin-top: 30px;

}

CrazyCake

18 feb 2010 #3

Okej, Så här vill jag att det alltid ska se ut.

http://i50.tinypic.com/ip4f2q.jpg

Men när jag har text så blir det såhär:

http://i45.tinypic.com/2d97f2d.jpg

Puffiluff Nivå 1 · Novis 10 inlägg
medlem sedan 2010

18 feb 2010 #4

Varför har du ändrat temat på datorn? Det är ju Xp egentligen?

Du har ju din spalt inuti din text, då kommer ju texten ovanför. Du får sätta dem på float.

spaltens float left

textens float right

Median Nivå 6 · Fuskare 1 750 inlägg
medlem sedan 2007

2 mar 2010 #5

Gör en frånskild div som inte har en koppling till den andra div'n och placera copyrightskitet där och använd absolut positionering, eller float.

Typ

<div id="test" style="position:absolute; top:8px; left:544554455px;">
<FONT SIZE="1">Site is created by Logfan/ReAzoN^.</FONT>
<BR>
<FONT SIZE="1">Copyright 2010</FONT>
</div>

Ändra top och left till dina egna preferenser.

Om du nu ska köra float

<div id="test" style="float:left; margin-top:-30px padding-left:54px;">
<FONT SIZE="1">Site is created by Logfan/ReAzoN^.</FONT>
<BR>
<FONT SIZE="1">Copyright 2010</FONT>
</div>

margin-top används för att kunna köra över det här elementet över ett annat element och padding-left gör bara så att du kan ändra hur långt från vänster texten ska vara, dock ska den redan i princip hamnat under det andra elementet så det här kanske inte behövs.

För att tillägga så är <font> jäkligt omodernt nu för tiden, prova att specifiera i div'n i CSS vilken storlek och/eller färg texten ska ha, eller gör en <p class="JGJJGJGJJ" style="font-size:45px; color:#87824;">TEXTHÄR</p> innanför div'n som omringar endast texten.

Senast ändrad: 2 mar 2010 07:04

CrazyCake

2 mar 2010 #6

↗ till inlägget
Gör en frånskild div som inte har en koppling till den andra div'n och placera copyrightskitet där och använd absolut positionering, eller float.

Typ
<div id="test" style="position:absolute; top:8px; left:544554455px;">
<FONT SIZE="1">Site is created by Logfan/ReAzoN^.</FONT>
<BR>
<FONT SIZE="1">Copyright 2010</FONT>
</div>
Ändra top och left till dina egna preferenser.

Om du nu ska köra float
<div id="test" style="float:left; margin-top:-30px padding-left:54px;">
<FONT SIZE="1">Site is created by Logfan/ReAzoN^.</FONT>
<BR>
<FONT SIZE="1">Copyright 2010</FONT>
</div>
margin-top används för att kunna köra över det här elementet över ett annat element och padding-left gör bara så att du kan ändra hur långt från vänster texten ska vara, dock ska den redan i princip hamnat under det andra elementet så det här kanske inte behövs.

För att tillägga så är <font> jäkligt omodernt nu för tiden, prova att specifiera i div'n i CSS vilken storlek och/eller färg texten ska ha, eller gör en <p class="JGJJGJGJJ" style="font-size:45px; color:#87824;">TEXTHÄR</p> innanför div'n som omringar endast texten.

Okey, Tack för tipsen!

Lyckades fixa det med hjälp av en polare från varg42.

Men tack för alla svar!