Css Problem!

17 Februari 2010

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 · 17 Februari 2010

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;

}

18 Februari 2010

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 · 18 Februari 2010

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 · 2 Mars 2010

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.

Redigerat 2 Mars 2010 av Median

2 Mars 2010

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!

Logga in

Css Problem!

Rekommendera inlägg

Gäst CrazyCake

Länk till kommentar

Dela på andra sajter

Ceto

Länk till kommentar

Dela på andra sajter

Gäst CrazyCake

Länk till kommentar

Dela på andra sajter

Puffiluff

Länk till kommentar

Dela på andra sajter

Median

Länk till kommentar

Dela på andra sajter

Gäst CrazyCake

Länk till kommentar

Dela på andra sajter

Gå med i konversationen

Bläddra

Aktivitet