Hej
Tak for alle svarene :0)
Som i kan se på min hjemmeside,
www.lagoni.info , var jeg så ivrig efter at få
runde hjørner, at jeg gjorde et forsøg hvor jeg droppede tabellen. Hjørnerne er
fine nok efter min smag (man kan godt se pixlerne hvis man ser efter, men hvor
mange gør det...) men da jeg droppede tabellen fik jeg det gamle problem med at
styre elementerne tilbage. Dvs. at det lige nu ser rigtig pænt ud i FF men
fløjter rundt på siden i IE.
Suk... Jeg bruger Linux (Mandriva07) og derfor selvfølgelig FF, men siden
skulle jo helst se pæn ud i IE også.
Så nu er spørgsmålet om jeg skal gå tilbage til at lave en tabel, og forsøge
med nogen af de forslag til runde hjørner som i er kommet med, eller om jeg
skal forsøge at få styre elementerne med det jeg har.
Jeg vedlægger koden så i kan se hvad jeg har lavet.
Med venlig hilsen
Kenneth Lagoni
CSS:
#container {background:transparent;}
..b1, .b2, .b3, .b4 {display:block; overflow:hidden;height:1px;}
..b1 {background:#000000;margin: 0 5px;}
..b2, .b3, .b4 {background:#ffffff; border-style:solid;
border-color:#black}
..b2 {margin:0 3px; border-width:0 2px;}
..b3 {margin:0 2px; border-width:0 1px;}
..b4 {margin:0 1px;border-width:0 1px;}
..boxcontent {display:block; background:#FFFFFF;
border-width:0 1px; border-style: solid;border-color: #black;}
body {border:0}
iframe {background-color: white;}
p {font: 75%, sans-serif;}
h1 {font: bold 200%, sans-serif;}
h2 {font: bold 110%, sans-serif;}
h3 {font: bold 110%, sans-serif; background-color: #CCCCCC; padding-left:
10px;}
a {text-decoration: none;}
a {font-family: sans-serif; color: blue;}
------------
Default.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<title>Kenneth Lagoni - Index</title>
<link rel="stylesheet" type="text/css" href="css/css1.css">
<body bgcolor="#336633">
</head>
<body>
<center>
<div id="container" style="width: 800px">
<b class="b1"></b>
<b class="b2"></b>
<b class="b3"></b>
<b class="b4"></b>
<b class="b4"></b>
<div class="boxcontent">
<!-- <frame style="position:absolute; width:800px"> -->
<!-- - - - - TOP - - - - - - - - - -->
<h2 style="position:absolute; top: 17px; margin-top: 10px; margin-left:
10px;">Kenneth Lagoni</h2>
<!-- - - - MENU - - - - - - - - - -->
<hr style="position:absolute; top: 70px; width:798px;
horisontal-align:middle;"> </hr>
<width="800px">
<a style="font-size: 75%; position:absolute; top: 85px; margin-left: 60px;"
href="main.html" target="main">Front</a>
<a style="font-size: 75%; position:absolute; top: 85px; margin-left: 260px;"
href="blok/blokoversigt.html" target="main">blok</a>
<a style="font-size: 75%; position:absolute; top: 85px; margin-left: 460px;"
href="dyt/dyt_oversigt.html" target="main">dyt</a>
<a style="font-size: 75%; position:absolute; top: 85px; margin-left: 660px;"
href="kontakt.html" target="main">mail</a>
<hr style="position:absolute; top: 96px; width:798px;
horisontal-align:middle;"> </hr>
<!-- </frame> -->
<!-- - - - Main - - - - - - - - - -->
<iframe name="main" src="main.html" style="border: none; width: 790px; height:
500px; margin-top: 96px"></iframe>
</div>
<b class="b4"></b>
<b class="b4"></b>
<b class="b3"></b>
<b class="b2"></b>
<b class="b1"></b>
</div>
</body>
</html>
--------------------
Main.html
<html>
<head>
<title>Kenneth Lagoni - Main</title>
<link rel="stylesheet" type="text/css" href="css/css1.css">
</head>
<body>
<!-- Tophistorie -->
<p style="position:absolute; top: 25px; left: 10px; width: 350px;">
<u>Kalender</u>
<br><br>Fra den 15 februar skulle ISS dukke op på nattehimlen.
<br><br>Natten mellem 3 og 4 marts får vi en total måneformørkelse.
<br><br>Omkring d.22/4 kommer stjerneskudssværmen Lyriderne med ca. 15 skud i
timen.
</p>
<!-- Loppemarked - - - - - - - --->
<p style="clear:both; position:absolute; top: 35px; left: 430px; width:
120px;">
<A href="salg/salg.html" target="main">Loppemarked:</a>
<br>- LP-samling
<br>- B&O
<br>- Kaminovn<br>
<br><br>
<u>Købes:</u><br>Lille vaskemaskine
<br>BxD: 45x40
<p/>
<!-- Brød - - - - - - - - - - - - --->
<p Style="clear:both; position:absolute; top: 130px; margin-top: 10px; right:
50px; width: 120px;">Prøv min opskrift på <a href="opskrifter/broed.html"
target="main">nøddebrød</a>
og smag det med<a href="opskrifter/musling.html" target="main"> karry-ristede
muslinger.</a></p>
<img Style="position:absolute; top: 20px; right: 55px;"
src="grafik/broed/Broed2.jpg" alt="Brd">
<!-- Teleskop - - - - - - - --->
<p style="clear:both; position:absolute; top: 260px; margin-top: 20px; left:
335px; width: 380px;">
Jeg er aktiv (uden at overdrive) amatørastronom, og det er lykkedes mig at lave
nogen få <a href="astro/astro1.html" target="main">rimelige fotos.</a>
<br><br>
I et (kort) anfald af virketrang, lavede jeg en <a
href="astro/artikel_okular/artikel_okular.html" target="main"> artikel om
okularer</a>, og jeg pønser på en artikel om hvordan man laver en
polaropstilling.<p/>
<a href="astro/astro1.html" target="main">
<img Style="position:absolute; top: 270px; left: 10px; margin-right: 10px;"
src="grafik/astrografik/ego.jpg" alt="Astro" border="0">
</a>
<!-- Streger - - - - - - - --->
<hr style="position:absolute; top: 4px; left: 390px; height: 233px;">
<hr style="position:absolute; top: 4px; right: 200px; height: 233px;">
<hr style="position:absolute; top: 235px; right: 0px; left: 0px; width:780px;">
<hr style="position:absolute; top: 460px; right: 0px; left: 0px; width:780px;">
</body>
</html>
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials