Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Skifta sida i element

Kunskap

Startad av Kunskap,
i Webbutveckling

Rekommendera Poster

Kunskap

Kunskap

Postad
Postad

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

 

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
Kunskap

Kunskap

Postad
  • Trådskapare
Postad

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.

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
Kunskap

Kunskap

Postad
  • Trådskapare
Postad
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.

 

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

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.

 

 

Länk till kommentar
Dela på andra webbplatser
Kunskap

Kunskap

Postad
  • Trådskapare
Postad

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]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...