Segítség! Nem boldogulok a CSS beillesztésével. Mit rontottam el?
Helo!
Először is elkészítettem a stíluslapomat. Itt a kódja:
(style-type="text\css")
.body {
background-color: #3F0147;
background-image: url(design\bg.png);
background-repeat: repeat-y;
}
.content {
top: 467px;
left: 52px;
width: 659px;
background-color: white;
font-family: Trebuct MS;
font-size: 11px;
font-color: #3F0147;
}
.header {
top: 0px;
left: 0px;
width: 1024px;
height: 364px;
padding: 0px;
}
.menuframe1 {
top: 356px;
left: 52px;
width: 660px;
height: 30px;
padding: 0px;
}
.menuframe2
top: 406px;
left: 52px;
width: 659px;
height: 51px;
font-family: Trebuct MS;
font-size: 11px;
font-color: #3F0147;
padding-top: 0px;
}
a:link, a:visited, a:active {
font-family: Trebucht MS;
font-color: #8D02A2;
font-size: 11px;
text-decoration: none;
}
a:hover {
font-family: Trebucht MS;
font-color: #FAE1FD;
font-size: 11px;
text-decoration: underline;
a:hover:img {
border: 4px solid #4A0F51;
}
(/style)
A zárójeleket direkt alkalmaztam. Szóval ezt elmentetem egy style.css fájlba és fel is töltöttem FTP-n. Eztán beillesztettem ezt kódot az egyik oldalba:
(link href=" [link]
rel="stylesheet" type="text/css" media="all")
Zárójelek direkt. Szóval ezt beraktam természetesen a 'head' tag-be. Majd a body-ba is beraktam ezt:
(div class="header"> (/div
(div class="menuframe1"> (/div)
(div class="content"> (/div)
(div class="menuframe2"> (/div)
Ezeket is természetesen zárójellel. A szerkesztőben erre megjelenet nekem 4 egymás alatt lévő teljes oldalszélességű réteg. Mit rontottam el?
például minek van ott a (style-type="text\css") bejegyzés?
Ezt töröld...
Aztán innen-onnan lemaradtak a kapcsos zárojelek!
menuframe2 után {
a:hover:img elé }
(/style) ezt is töröld.
Na ezzel a stiluslap kész.
A DIV értékek ebben a sorrendben nem jók.
ilyesmi kellene:
<div class="header">
<div class="menuframe1">
<div class="content">
<div class="menuframe2">
tartalom
</div></div></div></div>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!