Just nu i M3-nätverket
Jump to content

Skifta sida i element


Kunskap

Recommended Posts

Hej! Är helt ny på detta med CSS. Datormagazin hade en skola där man gjorde ett element överst, ett till vänster för meny och en för innehållet.

 

Nu vill jag kunna ändra "Huvudsidan" så att när jag väljer sida i menyn så visas den där och menyn syns ändå.

 

 

Link to comment
Share on other sites

Använd samma mall som förstasidan mnen ta bort innehållet i huvudelementet till din nya information.

 

Visa HTML så vi kan hjälpa dig bättre. CSS behövs inte i nuläget.

Använd LOG-taggar

[inlägget ändrat 2007-01-11 16:28:41 av Jonas_Bo]

Link to comment
Share on other sites

Här är html-sidan:

<HTML>
<HEAD>
	<link rel="stylesheet" type="text/css" href="main.css">
	<link rel="stylesheet" type="text/css" href="top.css">
	<link rel="stylesheet" type="text/css" href="left.css">
	<link rel="stylesheet" type="text/css" href="content.css">
</HEAD>

<BODY>
     <div class="container">
<div class="top">
</div> 

<div class="menu">
     <div class="navdiv">
                            <ul>
                     <li><a href="index.php">Hem</a></li>
                     <li><a href="kontakt.php">Kontakt</a></li>
                     <li><a href="sitemap.php">Sitemap</a></li>
                            </ul>
</div> 
</div>	

<div class="content">
</div>	
     </div>	
</BODY>

 

 

Innhålls-sidan (som jag vill skifta)


div.content {
float: right;
width: 525px;
height: 100%;
background-color: #FFFFFD;
border = 1px;
border-style: solid;

}

 

Vänster sida (där menyn är)


div.menu {
float: left;
width: 220px;
height: 100%;
border = 1px;
border-style: solid;

}

div.navdiv{
padding: 0px;
margin: 20px;
}


.navdiv ul{ 	
text-align: left;
list-style-position: inside;	
list-style-type: hebrew;	
}

 

Jag vill alltså kunna länka till en sida och visa den i innehålls-sidan.

 

Link to comment
Share on other sites

INOM LOG SKREV JAG JU!

 

[log]

 

 

Så här ser din mall ut. Ett bra grundläge.

Just så här skall varje ju sida se ut innan du lägger in text och bild.

<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="top.css">
<link rel="stylesheet" type="text/css" href="left.css">
<link rel="stylesheet" type="text/css" href="content.css">
</HEAD>

<BODY>
<div class="container">
<div class="top">
</div>

<div class="menu">
<div class="navdiv">
<ul>
<li><a href="index.php">Hem</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
<li><a href="sitemap.php">Sitemap</a></li>
</ul>
</div>
</div>

<div class="content">
[color="#006400"]<h1>Rubrik på sidan</h1>
<p>Textinnehåll för denna sida. Det är denna text som skall ändras för varje ny sida du skapar.</p>[/color]
</div>
</div>
</BODY>

[/log]

[inlägget ändrat 2007-01-12 17:25:01 av Jonas_Bo]

[inlägget ändrat 2007-01-12 17:25:20 av Jonas_Bo]

[inlägget ändrat 2007-01-12 17:25:49 av Jonas_Bo]

Link to comment
Share on other sites

INOM LOG SKREV JAG JU!

 

 

Eh...ok...

 

Vet faktiskt inte vad du menade med log, är det en tag? Sedan hade jag redan skrivit CSS-koden och det är också med CSS som jag vill veta hur det fungerar.

 

Tack ändå för att du tagit dig tid. Ska prova den ändrade koden.

 

Link to comment
Share on other sites

Mr Kunskap.

När du svarar / skriver ett inlägg finns det knappar ovanför textrutan.

Där hittar du bland annat " LOG "

 

Mellan [ LOG ] och [ /LOG ] (slut-taggen får du när du klickat på LOG-knappen den andra gången) klistrar du in HTML och CSS kod, då blir innehållet inte lika långt och man kan, som användare, själv välja om man vill se din kod i sin helhet eller inte.

 

Din CSS behöver du inte ändra för att byta innehåll i dina sidor.

Den kod du fick av mig i mitt förra inlägg kan du använda som mall när du skapar nya sidor som du länkar från din meny.

Hoppas du förstår bättre vad jag menar.

 

 

Link to comment
Share on other sites

Aha! Ursäkta att jag missuppfattade dig. Visste inte om det. Dessutom menade du kanske att jag bara skulle visa html-sidan? Missuppfattade dig nog där också.

 

Nu har jag fått ny kunskap! (Borde kanske ändra mitt nick :))

 

Jag är väldigt tacksam för din hjälp och menade inte att vara otrevligt om du tog det så.

 

Så än en gång, tack så mycket.

 

 

 

[inlägget ändrat 2007-01-13 09:38:18 av Kunskap]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...