Notifikationer

Markér alle som læst Log ud

je79ayps Novice

29. juni 2003 - 19:48 Der er 17 kommentarer og
1 løsning

Vandrette linier vha. CSS i stedet for billeder-filer

Hvis I ser på http://www.zilmer.com/ er det så ikke muligt at lave de vandrette linier vha. CSS i stedet for med billeder-filer?

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 19:53 #1

du kan også bruge dette istedet for css
<hr width=80% height=2 color=#ff0000>

Synes godt om

je79ayps Novice

29. juni 2003 - 19:57 #2

Kan jeg ikke gøre sådan at jeg kalder <hr> tagget og så den tager fat i en class i mit stylesheet?

Synes godt om

dotcom1 Nybegynder

29. juni 2003 - 19:57 #3

Eller vise en af siderne på en tabel, f.eks. således:
<table width="94%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-bottom: 1px solid #999999;"> </td>
</tr>
</table>

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 20:03 #4

jo

<style>
.linie{
width : 80%;
height : 2px;
color : #ff0000;

</style>

<hr class=linie>

Synes godt om

je79ayps Novice

29. juni 2003 - 20:09 #5

webshortcut - Super, men det virker umiddelbart kun i IE, men ikke i Netscape kan det passe?

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 20:11 #6

hmmm det ved jeg helt ærligt ikke
når jeg laver noget er det kun til IE

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 20:16 #7

kan det være den } jeg har glemt
til sidst i .line tagget

Synes godt om

je79ayps Novice

29. juni 2003 - 20:19 #8

OK. Hvis nu jeg ønsker at have to streger ovenpå hinanden, så har jeg lavet det sådan her i mit stylesheet:

.hr-lille {
width: 100%;
height: 2px;
color: #006600;
margin: 0px;
padding: 0px;
border: 0px;
}

.hr-stor {
width: 100%;
height: 5px;
color: #006600;
margin: 0px;
padding: 0px;
border: 0px;
}

Men hvis så jeg bruger:

<hr class="hr-lille">
<hr class="hr-stor">

Så bliver linier ikke placeret ovenpå hinanden - dvs. der er en del luft imellem. Hvordan kan det omgåes?

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 20:31 #9

det kan det umiddelbart ikke da browseren laver pr default
et mellemrum når den har lavet et <hr> tag

men der er en løsning og det kan se således ud

<html>
<head>
<style>
.hr-lille {
width: 80%;
height: 2px;
color: #FF0000;
margin: 0px;
padding: 0px;
border: 0px;
position: absolute; top: 20px; left: 100;
}

.hr-stor {
width: 80%;
height: 5px;
color: #000000;
margin: 0px;
padding: 0px;
border: 0px;
position: absolute; top: 20px; left: 100;
}

</style>
</head>
<body>
<hr class="hr-stor">
<hr class="hr-lille">
</body>
<html>

Synes godt om

fangel Nybegynder

29. juni 2003 - 20:34 #10

webshortcuts => undskyld dette "angreb", men synes det er lidt ærligt at der stadig sidder folk med den opfattelse at det er værd / nemmest / i orden kun at skrive til IE... det er det virligt ikke, og man bør altid tjekke sin kode på W3Cs Validator (http://validator.w3.org -red), og følge deres regler... hvad skulle verden være uden regler?

Morten

Synes godt om

je79ayps Novice

29. juni 2003 - 20:54 #11

webshortcut -> jeg synes umiddelbart det er lidt bøvlet og det bliver svært at styre jo flere linier man skal have i teksten.

Jeg ville helst have en løsning der også var holdbar i NS, så jeg lader lige spm stå åbent lidt endnu, men hvis ikke der kommer andre svar får du alle pointene.

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 21:00 #12

Det er helt fint

Synes godt om

je79ayps Novice

29. juni 2003 - 21:09 #13

dea_pg >> ved du hvorfor denne fejler: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ejstrup-kongskov.dk%2Ftest%2Fcss.php&charset=%28detect+automatically%29&doctype=%28detect+automatically%29

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 21:16 #14

Fordi style tag skal ligge oppe mellem
<head> og </head>

<head>
<style>
</style>
</head>

Synes godt om

je79ayps Novice

29. juni 2003 - 21:20 #15

Tak for det - læg lige et svar. :o)

Synes godt om

webshortcut Nybegynder

29. juni 2003 - 21:22 #16

Synes godt om

swuppe Nybegynder

01. juli 2003 - 12:38 #17

for at få webshortcut's første til at virke i Mozilla(netscape?) skal du tilføje background: #ff0000; border: none;

Du kan også opnå samme effekt vha borders.

Desuden kan du i Mozilla(Netscape?) rykke de 2 hr sammen vha. negativ margin, dette virker dog ikke umiddelbart i IE. Normalt bruger jeg borders på allerede eksisterende bokse, til at lave streger med (både lodrette og vandrette).

Synes godt om

je79ayps Novice

02. juli 2003 - 20:04 #18

Tak for hjælpen!

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS