Kære gæst, velkommen til Tweak.dk. Hvis dette er dit første besøg her, bør du læse Hjælp. Her forklares i detaljer hvordan denne side fungerer. For at benytte alle funktionerne på denne side, bør du overveje at lade dig registrere. Benyt venligst registreringsformularen for at registrere her eller læs yderligere information om registreringsprocessen. Hvis du allerede er registreret, så log på her.

1

tirsdag, 15. marts 2011, 20:29


Hej, jeg har bogen Webdesign - illustreret håndbog 2 .udgave

hvor jeg er kommet til tabel, hvor jeg skal skabe en annoncevirkning

Eksempel i bogen ser så ledes ud

<table width="260" border="10" cellspacing="10" cellpadding="5"
align="right">
<tr><td bgcolor="gray">
<p class="hvid">
OBS! OBS! OBS!<br>
I N F O R M A T I O N S M Ø D E<br>
om merkonomuddannelsen<br>
8. aug. kl. 19-20.
</p>
</td></tr>
</table>

Problemet er i <p class="hvid"> dette ændre bare ikke min farve på skriften, den er stadig sort.
så hvis en kunne fortælle mig hvor jeg har fejlen :D


2

onsdag, 16. marts 2011, 07:07


Har du en p.hvid eller bare .hvid regel i dit stylesheet (CSS)? Ellers virker det ikke, det har ikke noget med tabellen at gøre :) bgcolor="gray" er html, men classes er CSS


3

onsdag, 16. marts 2011, 07:34


Noget helt andet: Drop at bruge tabeller til layout - der er og bliver noget klyt! Brug div's i stedet!

/ask

IBM t42 and IBM t23 still alive and kicking

4

onsdag, 16. marts 2011, 07:58


Karga, forstår ikke helt hvad du mener ? er helt ny inde for dette område :O

jacobask, mange tak for det ;)


5

onsdag, 16. marts 2011, 08:10


Hvis du bruger en <p class="hvid"> så fortæller det bare at det p-element skal styles som klassen hvid. Denne klasse skal så beskrives i dit stylesheet, dvs i dit stylesheet skal du så have:

p.hvid {
color:white;
}

se evt.: http://www.tizag.com/cssT/class.php

Jeg ville lave det således:


<div class="annonce">
<p>OBS! OBS! OBS!<br>
I N F O R M A T I O N S M Ø D E<br>
om merkonomuddannelsen<br>
8. aug. kl. 19-20.</p>
</div>

Og i dit stylesheet:

div.annonce {
width:260px
border: 10px
padding:10px
text-align:right;
}

.annonce p {
color:white;
}

/ask

IBM t42 and IBM t23 still alive and kicking

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "jacobask" (16.03.2011, 08:17)


6

onsdag, 16. marts 2011, 08:18


Citeret

Oprindeligt indlæg af jacobask
Hvis du bruger en <p class="hvid"> så fortæller det bare at det p-element skal styles som klassen hvid. Denne klasse skal så beskrives i dit stylesheet, dvs i dit stylesheet skal du så have:

p.hvid {
color:white;
}

se evt.: http://www.tizag.com/cssT/class.php

Jeg ville lave det således:


<div class="annonce">
<p>OBS! OBS! OBS!<br>
I N F O R M A T I O N S M Ø D E<br>
om merkonomuddannelsen<br>
8. aug. kl. 19-20.</p>
</div>

Og i dit stylesheet:

div.annonce {
border: 10px
padding:10px
text-align:right;
}

.annonce p {
color:white;
}

/ask


Jeg siger mange tak :D


7

fredag, 12. august 2011, 00:23


Alternativt kan du implementere style regler for et enkelt element (det er ikke anbefalelsesværdigt, men virker lige så effektivt).

F.eks.:

Kildekode

1
2
<p style="color:#FF0000;">Teksten her vil være rød</p>
<p style="background-color:#000;color:white;">Teksten her vil være hvid på sort baggrund</p>

Som du kan se kan man både bruge hex color koder og navne på de mest almindelige farver.

"style"-attributten accepterer helt almindelig CSS syntax. Så effektivt er:


Kildekode

1
2
3
4
5
6
7
<style>
p.hvid {
color:#FFFFFF;
}
</style>
[...]
<p class="hvid">...</p>


det samme som:

Kildekode

1
<p style="color:#FFFFFF;">...</p>

MSI ATX Intel 865PE Chipset || 120GB Seagate HDD, 10.700 rpm
512MB elixir DDR RAM || geForce Fx5200 128MB RAM :S
LG CD-R brænder 52x12x48x || AOC 19'' CRT

Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.