|
| CSS - komplet i html doc ? Fra : Martin |
Dato : 02-10-02 23:32 |
|
Hej hjerner
Jeg har ALT i et eksternt CSS med over 400 linier. Billeder, tekstbokse
osv. Men er det hensigtsmæssigt at have alle billeders formattering og
possitionering her også ?
Hvordan får jeg flyttet formatteringen fra eksternt CSS til HTML filen -
på kun een linie ?
style.css
p {
text-align : justify;
}
..indhold {
background-color: #F6FBFF;
position: static;
width: 200px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
#billede {
float: left;
margin-right: 40px;
}
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="indhold">
<div id="billede">
<img border="0" src="billede.jpg" width="116" height="117">
</div>
</body>
<!--
SLUT
-->
Hvordan får jeg nu billedet til at flyde relativt og stå helt til højre ?
Kan jeg helt undgå:
<STYLE type="text/css">
#billede {
float: left;
margin-right: 40px;
}
</style>
Denne her reagerer billedet slet ikke på. Hvad gør jeg galt ?
<div style="position right;"><img border="0" src="billede.jpg"
width="116" height="117"></div>
Håber I forstår. Jeg er helt ny i CSS.
Venlige hilsener Martin
| |
Niels Andersen (03-10-2002)
| Kommentar Fra : Niels Andersen |
Dato : 03-10-02 00:18 |
|
Martin wrote in <anfs44$k9n$1@sunsite.dk>:
> Jeg har ALT i et eksternt CSS med over 400 linier. Billeder, tekstbokse
> osv. Men er det hensigtsmæssigt at have alle billeders formattering og
> possitionering her også ?
Tjah, det synes jeg da er helt i ånden med HTML og CSS.
Indhold i HTML, udseende i CSS.
Har du lavet det helt perfekt, så kan du fjerne al CSS, og du vil have en
ganske brugbar og fornuftig side, selv om udseendet nok er helt anderledes,
og ret kedeligt.
> Hvordan får jeg flyttet formatteringen fra eksternt CSS til HTML filen -
> på kun een linie ?
Én linje, som er lige så lang som de 400 linjer tilsammen? Med hvilket
formål?
Især så store stylesheets er gode at have i en ekstern fil. Så er browseren
nemlig fri for at downloade det hver gang man går ind på en ny side.
> #billede {
> float: left;
> margin-right: 40px;
> }
[...]
> <div id="billede">
> <img border="0" src="billede.jpg" width="116" height="117">
> </div>
Den har du misforstået. De tre billeder bør forkortes til:
<img id="billede" border="0" src="billede.jpg" width="116" height="117">
I øvrigt bør du også flytte "border" til CSS'en.
> Hvordan får jeg nu billedet til at flyde relativt og stå helt til højre ?
Øhm... "right" i stedet for "left"?
> Kan jeg helt undgå:
>
> <STYLE type="text/css">
> #billede {
> float: left;
> margin-right: 40px;
> }
> </style>
Det kan du godt. Men hvorfor skulle du?
> Denne her reagerer billedet slet ikke på. Hvad gør jeg galt ?
> <div style="position right;"><img border="0" src="billede.jpg"
> width="116" height="117"></div>
Der mangler et kolon:
position: right;
--
Mvh.
Niels Andersen
(la nels. anersyn.)
| |
Martin (03-10-2002)
| Kommentar Fra : Martin |
Dato : 03-10-02 03:57 |
|
Niels Andersen <niels-usenet@myplace.dk> wrote in
news:D9Lm9.66401$Qk5.2744860@news010.worldonline.dk:
Hej Niels
> Én linje, som er lige så lang som de 400 linjer tilsammen? Med hvilket
> formål?
Nej det var nu kun denne ene linie med billedet.
>
> Især så store stylesheets er gode at have i en ekstern fil. Så er
> browseren nemlig fri for at downloade det hver gang man går ind på en
> ny side.
>
Jeg beholder også det meste eksternt, men jeg kan dårligt huske på hvilke
sider de forskellige ID´s hører til.
>
> I øvrigt bør du også flytte "border" til CSS'en.
>
Ja. Der er nu gjort.
>
>> Kan jeg helt undgå:
> Det kan du godt. Men hvorfor skulle du?
For overblikkets skyld. Den er fixet nu på een linie.
>
> Der mangler et kolon:
> position: right;
>
Tak, den havde jeg ikke set.
>
Med venlig hilsen Martin
| |
Niels Andersen (03-10-2002)
| Kommentar Fra : Niels Andersen |
Dato : 03-10-02 08:09 |
|
Martin wrote in <angbm5$8i3$1@sunsite.dk>:
> Jeg beholder også det meste eksternt, men jeg kan dårligt huske på hvilke
> sider de forskellige ID´s hører til.
Hmm... Måske du bruger "id" lidt for meget? Jeg synes i hvert fald det er
sjældent, at jeg bruger "id" til andet en header og footer.
Har du en url til sitet?
--
Mvh.
Niels Andersen
(la nels. anersyn.)
| |
Rune Bjerregaard (07-10-2002)
| Kommentar Fra : Rune Bjerregaard |
Dato : 07-10-02 23:28 |
|
> Én linje, som er lige så lang som de 400 linjer tilsammen? Med hvilket
> formål?
>
> Især så store stylesheets er gode at have i en ekstern fil. Så er
browseren
> nemlig fri for at downloade det hver gang man går ind på en ny side.
Er du sikker på at det ikke bliver hentet hver gang en side med file ref=...
bliver kaldt? Eller bliver den cached som alle andre sider?
Forøvrigt kan en css-fil med 400 linier jo da ikke fylde alverden,, 5KB ?
| |
Niels Andersen (08-10-2002)
| Kommentar Fra : Niels Andersen |
Dato : 08-10-02 10:24 |
|
Rune Bjerregaard wrote in <ant1pm$glrkn$1@ID-151537.news.dfncis.de>:
>> Især så store stylesheets er gode at have i en ekstern fil. Så er
>> browseren nemlig fri for at downloade det hver gang man går ind på en ny
>> side.
> Er du sikker på at det ikke bliver hentet hver gang en side med file
> ref=... bliver kaldt? Eller bliver den cached som alle andre sider?
Den bliver cachet ligesom alle andre filer, på godt og ondt.
> Forøvrigt kan en css-fil med 400 linier jo da ikke fylde alverden,, 5KB ?
Det er da også meget, hvis man fx. ser 20 sider, på gennemsnitligt 2 kb. Så
er der faktisk tale om ca. 3 gange så meget data, hvis stylesheetet ikke
caches.
Jaja, folk med bredbånd er da ligeglade. Men du skal ikke kun kigge på hvor
mange bytes det er. Du skal også det er forholdsmæssige i det (altså se
hvor mange procenter du kan spare). Husk at der er millioner af sider der
skal igennem nogle dyre kabler, og så betyder bare en af de to nævnte
tredjedele faktisk en hel del.
--
Mvh.
Niels Andersen
(la nels. anersyn.)
| |
|
|