CSS problemer

[sebastian.w]

Hej jeg har et problem,
jeg kan ikke få en table til at tage de oplysninger fra CSS filen, som den skal.

Hvad gør jeg gal?

Code: Select all

<table class="top"></table>

Og i CSS står der følgende:

Code: Select all

top
{
margin-top: 10px;
height: 200px;
width: 1150px;
border: 1px solid black;
background-image: url('top.jpg');
background-repeat:no-repeat;}

[cmb]

Hej Sebastian,

Prøv:

Code: Select all

.top
{ ... }

/Christoph

[sebastian.w]

Super det virkede...
Men nu har jeg et andet problem.
Den ene table vil ikke acceptere sin margin-top.

Template:

Code: Select all

<table class="top-banner">
<!-- This is the overall frame -->
<!-- Now do the Left Column -->
<tr><td><table class="toc">Table 4:
<tr><td><?php echo toc();?></td></tr>
<tr><td><?php echo sitemaplink();?></td></tr>
<tr><td><?php echo printlink();?></td></tr>
<tr><td><?php echo lastupdate();?></td></tr>
<tr><td class="copyright" align="center"><br />
<a target="_blank" href="http://www.cmsimple.org"><img src="http://www.cmsimple.org/images/cmsimplepowered.gif" /></a></td></tr>
</table></td>
<!-- Now do the Right Column -->
<td><table class="content"> Table 5:
<tr><td >Denne side ser du på: <?php echo locator();?></td></tr>
<tr><td>
edit:-<?php echo editmenu();?>
cont:-<?php echo content();?>
</td></tr></table></td>
</tr></table>

CSS

Code: Select all

.top-banner
{
background-image: url(./images/top.jpg);
background-repeat:no-repeat;
border: 1px solid black;
width: 1150px;
heigth:200px;
}
.her{
margin-top:200px;
width:150px;
}
.content{
margin-top:200px;
width:1000px;
}

[cmb]

Hej Sebastian,

der er ingen <table class="her">. Mener du <table class="toc">? Så skal du skrive så:

Code: Select all

.toc {
margin-top:200px;
width:150px;
}

Når du ønsker at style en klasse for CSS, er du nødt til at henvise til sit navn med en prik foran.

/Christoph

[sebastian.w]

Ja, den fejl fandt jeg, men hjælper stadig ikke :-/

Hej Sebastian,

der er ingen <table class="her">. Mener du <table class="toc">? Så skal du skrive så:

Code: Select all

.toc {
margin-top:200px;
width:150px;
}

Når du ønsker at style en klasse for CSS, er du nødt til at henvise til sit navn med en prik foran.

/Christoph

[cmb]

Hej Sebastian,

kan skyldes et navn sammenstød. Kan du give et link til denne hjemmeside?

/Christoph

[sebastian.w]

http://westerhoff.dk/2012

Hej Sebastian,

kan skyldes et navn sammenstød. Kan du give et link til denne hjemmeside?

/Christoph

[ZiPs]

Hej Sebastian.w

Kan se du har undladt en vigtig ting i din template, nemlig en DOCTYPE, uden den vil du opleve ting som ikke gør som standarterne burde virke, derfor indsæt en sådan først.
Læs dette http://www.cmsimple.ws/?Udviklings-Area:Templates

Når du har indsat en DOCTYPE kan vi se hvad der ellers skal rettes.

Når du rette i siden, så følg med om der opstår kode fejl, du kan teste html her og css her
Her vil du se at der er ikke nooget som hedder top-margin og derfor ikke vil virke.

Jeg er selv meget imod at bruge table til layout, da det er til tabulær data, man bør brug DIV til det dette, hjælper gerne med at lave det i div til dig.

/ZiPs

[sebastian.w]

Hej
Nu er CSS i orden, og en enkelt Error, pga.

Code: Select all

alt=""

Ja, du må gerne hjælpe mig med en div opsætning.

Sgu' noget tid siden jeg har rodet med web-code.

[sebastian.w]

Jeg kan ikke få følgende kode til at virke...

Code: Select all

<img src="http://westerhoff.dk/2012/templates/westerhoff_version2/images/topbanner_{php} echo(rand(1,2)); {/php}.png" width="1150" height="279">

Virker på Viborgsejlklub.dk som jeg også har lavet...