/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Link af billeder i celler ved hjælp af CC
Fra : MAB Technology


Dato : 21-02-05 18:34

Har med stor gavn læst tutorials for både HTML of CSS. Jeg er dog
kommet i et problem, jeg ikke selv er i stand til at løse. Jeg er
påbegyndt en webside som er relativ stor - ca. 40 sider. Siden
ligner andre websider i dens opbygning - laver den i tabeller.
Jeg ønsker ca. 6 logo'er et i hver sin celle, som altid bliver
vist på siden. Da disse logo'er med tiden skal skiftes ud, ville
det være en fordel, at bruge CSS til at styre de 6 celler. Jeg
ved hvordan jeg styrer et baggrundsbillede med CSS men, at give
hver en celle et ID og kunne skifte billeder ud der, har jeg
ingen anelse om?

Har før brugt NG, og håber på jeres hjælp - på forhånd tak.


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

 
 
MAB Technology (21-02-2005)
Kommentar
Fra : MAB Technology


Dato : 21-02-05 21:06

MAB Technology wrote in dk.edb.internet.webdesign.html:
> Har med stor gavn læst tutorials for både HTML of CSS. Jeg er dog
> kommet i et problem, jeg ikke selv er i stand til at løse. Jeg er
> påbegyndt en webside som er relativ stor - ca. 40 sider. Siden
> ligner andre websider i dens opbygning - laver den i tabeller.
> Jeg ønsker ca. 6 logo'er et i hver sin celle, som altid bliver
> vist på siden. Da disse logo'er med tiden skal skiftes ud, ville
> det være en fordel, at bruge CSS til at styre de 6 celler. Jeg
> ved hvordan jeg styrer et baggrundsbillede med CSS men, at give
> hver en celle et ID og kunne skifte billeder ud der, har jeg
> ingen anelse om?
>
> Har før brugt NG, og håber på jeres hjælp - på forhånd tak.

Er det noget i stil med det her, jeg skal bruge:

The ID Attribute
The ID attribute is used to define a unique style for an element. A
CSS rule such as

#wdg97 { font-size: larger }

may be applied in HTML through the ID attribute:

<P ID=wdg97>Welcome to the Web Design Group!</P>

Each ID attribute must have a unique value over the document. The
value must be an initial letter followed by letters, digits, or
hyphens. The letters are restricted to A-Z and a-z.


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


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

Erik Ginnerskov (21-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 21-02-05 22:10

MAB Technology wrote:

> Er det noget i stil med det her, jeg skal bruge:
>
> The ID Attribute

Ja, netop:

<tr><td id="celle1">&nbsp;</td><td id="celle2">&nbsp;/td></tr>

#celle1 {
color:black;
background:url(billede1.jpg);
}
#celle2 {
color:black;
background:url(billede2.jpg);
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



MAB Technology (22-02-2005)
Kommentar
Fra : MAB Technology


Dato : 22-02-05 01:49

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> MAB Technology wrote:
>
> > Er det noget i stil med det her, jeg skal bruge:
> >
> > The ID Attribute
>
> Ja, netop:
>
> <tr><td id="celle1"> </td><td id="celle2"> /td></tr>
>
> #celle1 {
> color:black;
> background:url(billede1.jpg);
> }
> #celle2 {
> color:black;
> background:url(billede2.jpg);
> }
>

Jeg har prøvet mig frem Erik, men kan ikke lige få det til at
fungere - måske laver jeg en fejl. Hvor ville du sætte <tr><td
id="celle1"> </td><td id="celle2"> /td></tr> ind, i en af de 6
celler?

</td>
<td width="100" valign="top">

<table border="0">
<tr height="100">
<td
width="90">&nbsp;</td>
</tr>
<tr height="100">
<td
width="90">&nbsp;</td>
</tr>
<tr height="100">
<td
width="90">&nbsp;</td>
</tr>
<tr height="100">
<td
width="90">&nbsp;</td>
</tr>
<tr height="100">
<td
width="90">&nbsp;</td>
</tr>
<tr height="100">
<td
width="90">&nbsp;</td>
</tr>

> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://ginnerskov.frac.dk
>
>


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

Erik Ginnerskov (22-02-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 22-02-05 17:10

MAB Technology wrote:

>> <tr><td id="celle1">&nbsp;</td><td id="celle2">&nbsp;</td></tr>

> Jeg har prøvet mig frem Erik, men kan ikke lige få det til at
> fungere - måske laver jeg en fejl. Hvor ville du sætte <tr><td
> id="celle1"> </td><td id="celle2"> /td></tr> ind, i en af de 6
> celler?

Sådan:

<table border="0">
<tr height="100">
<td id="celle1" width="90">&nbsp;</td>
</tr>
<tr height="100">
<td id="celle2" width="90">&nbsp;</td>
</tr>
<tr height="100">
<td id="celle3" width="90">&nbsp;</td>
</tr>
<tr height="100">
<td id="celle4" width="90">&nbsp;</td>
</tr>
<tr height="100">
<td id="celle5" width="90">&nbsp;</td>
</tr>
<tr height="100">
<td id="celle6" width="90">&nbsp;</td>
</tr>
</table>

.... hvis du vil have cellerne under hinanden

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



MAB Technology (23-02-2005)
Kommentar
Fra : MAB Technology


Dato : 23-02-05 00:11

1000 tak Erik - det virker


Mvh.

B. Laursen

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

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste