Jeg er ved at ændre min webside så den ikke bruger frames og det er lidt af en udfordring da jeg lagde Front Page på hylden for knap 1 år siden og nu skriver jeg alt i teksteditor - med svigtende held ;-)
Se problemet her:
http://testdomain.kongensgaard.dk/ -> Galleri
1) Øverst har jeg en 'fane menu' og der er forskellig baggrund på alt efter om den er fremhævet eller ej. Det fungerer sådan set fint. Se billedgalleriet på samme side og kør musen hen over miniature billederne. Ved hover forsvinder den tåbelige baggrundsfarve der er og som hænger sammen med at jeg har lavet det til min 'fane menu' og derfor kan jeg ikke ændre det. Jeg har derfor behov for en måde hvorpå jeg kan definere stylen for kun galleriet. Jeg vil IKKE have nogen baggrund på disse miniature billederne - hvordan klarer jeg det???
2) Der er stor mellemrum mellem cellerne (med miniaturebillederne) i min tabel (Galleriet) - hvorfor???
(Hvordan sætter jeg kode ind på dette forum???)
Udsnit af css filen:
#indhold {
margin:0px 120px 10px 115px;
border:1px solid white;
background:#81947A;
min-width:525px;
overflow:auto;
height: 100%;
}
#indhold h1, #indhold p, #indhold pre {
margin-left:15px;
margin-right:15px;
}
#leftcol {
width:105px;
float:left;
text-align:right;
}
.leftbox {
width:105px;
float:left;
background:transparent;
border:0px solid white;
font-size: 90%;
}
#rightcol {
position:absolute;
right:5px;
margin:10px;
width:105x;
top:4px
}
.rightbox {
width:105px;
background:#627957;
border:1px solid white;
}
.rightbox p {
margin-left:2px;
margin-right:2px;
margin-bottom:20px;
}
#nav {
scrollbar-face-color: #81947A;
scrollbar-shadow-color: #627957;
background-color: #81947A;
margin:0px 120px 10px 115px;
border:1px solid white;
min-width:525px;
overflow:auto;
height: 100%
}
#nav h1, #nav p, #nav pre {
margin-left:15px;
margin-right:15px;
}
#nav ul {
display: block;
list-style: none outside;
background-color: #B4C3B0;
padding: 0 0 0 2px;
margin: 0 0 0 2px;
font-size: 84%;
border-left:1px solid white;
border-bottom: 0px solid #81947A;
}
#nav li {
padding: 0;
margin: 0 4px 0 0;
border-top: 1px solid #81947A;
border-right: 1px solid #81947A;
border-left: 1px solid #81947A;
border-bottom: 0px solid #81947A;
background-color:#81947A;
font-weight: bold;
display: block;
float: left;
position: relative;
font-style: normal;
top: 0.1em;
}
#nav a:link,
#nav a:visited {
background-color:#B4C3B0;
color: white;
text-decoration: none;
font-style: normal;
padding-left: .5em;
padding-right: .5em;
}
#nav a:hover {
background-color: #81947A;
font-style: normal;
}
#navclear {
display: none;
}
html>body #navclear {
display: block;
clear: both;
}
td.headgalleri {
padding:0px;
text-align: center;
background-color:transparent;
vertical-align: middle;
font-weight: bold;
border: 0px solid white;
font-family: verdana, arial, sans-serif;
color: white;
font-size: 95%;
margin:0px;
}
table.galleri {
width: 504px;
background-color:transparent ! important;
border-collapse: collapse;
border-top-width: 0px;
border-top-style: solid;
border-top-color: white;
border-left-width: 0px;
border-left-style: solid;
border-left-color: white;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: white;
border-right-width: 0px;
border-right-style: solid;
border-right-color: white;
}
#banner {
background-color: #627957;
color: white;
}
Dette er så selve php filen:
<body class="gallerichantalindex">
<div id="leftcol">
<div class="leftbox">
<?php include("menu.php"); ?>
</div>
</div>
<div id="nav">
<div id="banner">
<ul>
<?php include("tabmenugalleri.php"); ?>
</ul>
<span id="navclear"></span>
<br>
</div>
<h1>Galleri Chantal</h1>
<p>Før musen hen over miniature billederne for at få det vist i større udgave.</p>
<?php include("galleri_chantal_shared.php"); ?>
</div>
</div>
<div id="rightcol">
<div class="rightbox">
<?php
include("nyhed1.php");
?>
</div>
</div>
</body>