Nu försöker jag bygga en sida "på riktigt", med CSS och allt. Jag använder Dreamweaver MX 2004 och petar lite i koden för hand där jag kan.
Men jag har ett problem. Hur gör jag för att menyn till vänster och textkolumnen till höger skall vara av konstant bredd? Som det är nu är sidan optimerad för 1280 x 1024, men jag vill ju att den ska funka åtminstone i 1024 x 768, men då blir det konstigt. Bifogar två bilder som visar hur det ser ut, och koden.
http://img.photobucket.com/albums/v52/Caine/1024.jpg
http://img.photobucket.com/albums/v52/Caine/1280.jpg
Det är säkert väldigt simpelt att lösa, men jag vet inte hur...
Men jag har ett problem. Hur gör jag för att menyn till vänster och textkolumnen till höger skall vara av konstant bredd? Som det är nu är sidan optimerad för 1280 x 1024, men jag vill ju att den ska funka åtminstone i 1024 x 768, men då blir det konstigt. Bifogar två bilder som visar hur det ser ut, och koden.
http://img.photobucket.com/albums/v52/Caine/1024.jpg
http://img.photobucket.com/albums/v52/Caine/1280.jpg
Det är säkert väldigt simpelt att lösa, men jag vet inte hur...
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="2col_leftNav.css" type="text/css">
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
body {
margin-right: 300px;
margin-left: 200px;
}
-->
</style></head>
<body bgcolor="#FEFEFE">
<div id="masthead">
<h1 id="siteName">Caine's blog </h1>
<div id="globalNav">
<a href="http://forum.flashback.info/scandinavia/index.php?">Flashback</a> | <a href="http://www.fajaf.com/">fajaf</a> | <a href="http://www.attac.se/blog/">attacs blog</a> | <a href="http://www.johannorberg.net/">www.johannorberg.net</a><!-- end masthead -->
|<a href="http://www.ostfrallan.com"> www.ostfrallan.com</a>
</div>
</div>
<div id="masthead"></div>
<!-- end masthead -->
<div id="content">
<div id="breadCrumb">
</div>
<h2 id="pageName">2005-01-10</h2>
<div class="feature">
<img src="Pics/RedCarpet.jpg" alt="" width="280" height="200">
<h3>Galapremiär</h3>
<p align="justify">Okej, så det finns ingen röd matta, inga limousiner, ingen champagne, inga fotografer och ingen Joan Rivers (men det sörjer väl ingen utom Joan Rivers själv), men en galapremiär är det likväl. Alla har en blog nu för tiden, och nu har även jag det. Hurra för mig. </p>
</div>
<div class="story">
<h3 align="justify">2005-01-10</h3>
<p align="justify"><em>"I will wear my heart upon my sleeve for daws to peck at" - Shakespeare, "The Tempest"</em></p>
<p align="justify">Varför börja med ett Shakespearecitat, kanske någon undrar? Jo, av två anledningar. Dels kommer jag att göra precis det som citatet säger - jag kommer att presentera min syn på saker och ting, helt ocensurerat och fritt för vem som helst att kritisera. Men just idag har citatet även en annan innebörd. Det är nämligen hämtat från Shakespeares "Stormen", vilket med tanke på gårdagens väder får sägas vara en högst passande titel. </p>
<p align="justify">
En storm har alltså dragit fram över landet. Återigen står Sverige lamslaget inför naturens krafter. I södra Sverige var så många som 450 000 svenskar utan elektricitet. En del av dem kan få vänta en vecka innan de får strömmen tillbaka. Ringhals tvingas stänga, alla färjeförbindelser stängs av, tågen går inte, larmnumren gick inte att nå, mobiltelefonerna slutade att fungera. Det här får mig att tänka på min barndoms vintrar, då man kunde vara säker på att få spendera åtminstone några dagar - och, om man hade otur även nätter - i fotogenlampans sken, eftersom snötyngda grenar kortslöt elledningarna. Minnet av dessa mörka och tysta dagar, där fotogenlampans svaga pysande var allorstädes närvarande, och nyhetsrapporteringen efter årets första storm får mig att tänka på hur sårbart Sverige är,</p>
<p align="justify">Det här var ingen tornado. Det var ingen jordbävning. Det var en vanlig storm. Varför kan inte elbolagen och markägarna vara mer förutseende? Varje år blir hundratusentals människor utan ström, men ändå kan man inte bestämma sig för att hugga breda ledningsgator genom skogarna. Jag är själv praktiskt taget uppväxt i skogen, så jag vet hur det ser ut. Stora träd bara några få meter från ledningstrådarna. Det är klart att det blir elavbrott då. </p>
<p align="justify">Nej, ta tag i det här nu, Sydkraft, Vattenfall och allt vad ni heter. Hugg helt rent tjugo meter på var sida om ledningarna, om ni nu nödvändigtvis måste ha luftledningar. Då ska ni se att ni slipper blixtutkalla 500 man som får jobba dygnet runt för att reda upp det som ni så lätt hade kunnat undvika. Men Sverige har aldrig varit bra på beredskap. Om ett år har vi glömt Stormen.Om ett år kommer jag att skriva här igen, om precis samma sak. Tro mig. </p>
<p align="justify">/ Caine777</p>
</div>
<div class="story">
<h3 align="justify"> </h3>
</div>
</div>
<!--end content -->
<div id="navBar">
<div id="search">
<form action="#">
<label>search</label>
<input name="searchFor" type="text" size="10">
<input name="goButton" type="submit" value="go">
</form>
</div>
<div id="sectionLinks">
<ul>
<li><a href="#">sectionLink</a></li>
<li><a href="#">sectionLink</a></li>
<li><a href="#">sectionLink</a></li>
<li><a href="#">sectionLink</a></li>
<li><a href="#">sectionLink</a></li>
<li><a href="#">sectionLink</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3>Vänner</h3>
</div>
<div class="relatedLinks">
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div id="advert">
<div align="center"><img src="Pics/link2.jpg" alt="" width="107" height="66"> </div>
</div>
<div id="headlines">
<h3>Andra länkar </h3>
<p>LadyTiera <a href="http://hem.bredband.net/b257403/">En av Sveriges vackraste modeller och en god vän till mig.</a> </p>
<p> AznFilms <a href="http://aznfilms.com/default.php">Nätbutik som säljer asiatisk film. Många och bra recensioner.</a>
</p>
<p> TeenBeauty <a href="http://www.freeibforums.com/forums/index.php?mforum=teenbeauty&act=idx">Lite fler vackra bilder skadar ju inte heller. Från18 år. </a></p>
</div>
</div>
<!--end navbar -->
<div id="siteInfo"> <a href="#">About Us</a> | <a href="#">Site
Map</a> | <a href="#">Privacy Policy</a> | <a href="mailto:Caine777@gmail.com">Contact Us</a> | ©2003
Caine777</div>
<br>
</body>
</html>
