Hej! Prova med att lägga <div> taggar som du placerar ut med hjälp av position: absolute; top: bla. ; left: bla,. sätt även höjd och bredd så ska det nog fungera. Nåt i denna stilen? Tack så jättemycket för era svar båda två. Tack för ditt svar! Hej Sead! Hej hej! :-)behöver hjälp med CSS...
Jag har gjort en enkel websida som är kopplad till en databas och allt fungerar perfekt.
Nu skulle jag vilja göra nåt åt design och har tänkt mig nåt som http://djuice.se/
Dvs. ett kvadratiskt fönster som en ram till alla mina "web page" så att jag lätt och snabbt kan ändra utseende på dem alla. Jag har tänkt att det skulle göras som CSS.
Är det någon som kan ge mig lite tips om hur man gör sånt.
Jag hittde en del information om CSS och försökte med en "box" men allt på sidan hamnade utanför boxen och jag vet inte varför.Sv: behöver hjälp med CSS...
Sv: behöver hjälp med CSS...
<code>
<html>
<head>
<title>CSS test</title>
<style type="text/css">
body { text-align: center; min-width: 800px; }
#container { text-align: left; margin-left: auto; margin-right: auto; width: 800px; }
#header { background-color: purple; padding: 10px; }
#menu { background-color: yellow; float: left; width: 150px; display: block; }
#content { background-color: silver; float: left; width: 650px; }
</style>
</head>
<body>
<div id="container">
<div id="header">
Header
</div>
<div id="menu">
Menu
</div>
<div id="content">
Content
</div>
</div>
</body>
</html>
</code>
Annars kan du alltid kika på denna Wikin, en av mina favoriter:
http://css-discuss.incutio.comSv:behöver hjälp med CSS...
Jag har testat koden jag fick av Emmanuel och den fungerar. JAg undrar bara hur man skulle kunna göra en separat CSS-fil av det här?? Det blir mycket enklare vid uppdateringen av hemsiadn då man slipper gå in i själva HTML-koden för varje "webpage".
Jag har försökt med <LINK>-metoden men då händer absolut ingenting (boxarna visas inte). Det verkar som om länkningen mellan HTML- och CSS-filen inte fungerar.
Tack ännu en gång för hjälpen!
/SeadSv: behöver hjälp med CSS...
<link href="ditt_stilark.css" rel="stylesheet" type="text/css">
fungerar, förutsatt att ovanstående finns i html filen, och att din css fil heter (i detta fall) ditt_stilark.css, och finns i samma katalog som html filen
EDIT:
tilläggas kan ju även att det som då ska finnas i ditt_stilark.css filen är (ifall du vill ha exemplet från tidigare post)
body { text-align: center; min-width: 800px; }
#container { text-align: left; margin-left: auto; margin-right: auto; width: 800px; }
#header { background-color: purple; padding: 10px; }
#menu { background-color: yellow; float: left; width: 150px; display: block; }
#content { background-color: silver; float: left; width: 650px; }
Sv:behöver hjälp med CSS...
Jag gjorde på precis samma sätt och det fungerar inte. Det blir helt enkelt bara blankt i Explorer.
Jag jobbar i Visual Studio.
Här är min kod:
---------------------------------------
"webpage"
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<!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 runat="server">
<title>Untitled Page</title>
<link href="ditt_stilark.css" rel="stylesheet" type="text/css">
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
----------------------------------------
"CSS-fil" (ditt_stilark.css)
body { text-align: center; min-width: 800px; }
#container { text-align: left; margin-left: auto; margin-right: auto; width: 800px; }
#header { background-color: purple; padding: 10px; }
#menu { background-color: yellow; float: left; width: 150px; display: block; }
#content { background-color: silver; float: left; width: 650px; }
-----------------------------------------
Vad gör jag för fel?
Tacksam för all hjälp jag fått/får!!
/SeadSv: behöver hjälp med CSS...
Du har missat att lägga in DIV:arna innanför BODY taggen:
<code>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="header">
Header
</div>
<div id="menu">
Menu
</div>
<div id="content">
Content
</div>
</div>
</form>
</body>
</code>Sv:behöver hjälp med CSS...
Nu funkar allting!!
Tackar, grabbar! Skönt att det finns folk som vill hjälpa till!
Ha det gott!