Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE

CSS hjælp

Side 1 ud af 2 (15 indlæg)
Fra Toustrup Mark
Tilmeldt 24. Nov 08
Indlæg ialt: 11
Skrevet kl. 23:46
Hvor mange stjerner giver du? :

Sidder og bakser med at lave en template til Joomla, men når nu man skal lære det hele....

Så jeg har brug for lidt hjælp:

Templaten er to klistret sammen - en Dreamweaver og en gratis fra nettet der hedder jclass1.

Min side er www.worldatarms.com.og stylesheetet ligger her.

Mine spørgsmål:

1: Hvordan retter jeg menuerne ind så de ligger i niveau?

2: Hvor fjerner jeg den firkant der omkring billederne?

På forhånd tak for hjælpen

 

Lars

Fra København
Tilmeldt 19. Jun 07
Indlæg ialt: 560
Skrevet kl. 23:49
Hvor mange stjerner giver du? :

Jeg kan ikke få dit link til at virke!

Fra Toustrup Mark
Tilmeldt 24. Nov 08
Indlæg ialt: 11
Skrevet kl. 23:50
Hvor mange stjerner giver du? :

det virker nu:)

Fra København
Tilmeldt 19. Jun 07
Indlæg ialt: 560
Skrevet kl. 23:58
Hvor mange stjerner giver du? :

Hvad mener du med at rette menuerne ind?

Firkanten omkring billederne:

img { border: none; }

Fra Toustrup Mark
Tilmeldt 24. Nov 08
Indlæg ialt: 11
Skrevet kl. 00:00
Hvor mange stjerner giver du? :

Rette menuerne ind. Så de ligger under overskrifterne. Tak for hjælpen

Edit: Så er det gjort:-)

Fra København
Tilmeldt 19. Jun 07
Indlæg ialt: 560
Skrevet kl. 00:06
Hvor mange stjerner giver du? :

Altså tænker du på de punktopstillede?

I så fald så prøv:

ul.menu li { padding-left: 0; margin-left: 0; }

- Så skulle punkterne gerne ryge helt ind til venstre. Da du har sat list-style-position til outside, så ryger de nok også for langt ud til venstre i enten IE eller FF.

Prøv så at forøge værdien af margin-left (10px/20px/etc.) indtil du synes, den sidder godt i både FF og IE!

OBS: Nu når du er gået i gang med at lege med CSS, så gør dig selv den tjeneste at installere Firebug Addon til Firefox. Den gør det til en leg at finde fejl i både HTML, CSS og Javascript.

Når du har installeret den trykker du bare F12. Så kommer den op i bunden, og du kan nu højreklikke på alle elementer på din side og sige "Inspect Element", og du vil nu få vist, hvordan den ser ud som HTML, og du vil kunne se de CSS-regler, som den retter sig efter.

Fra Toustrup Mark
Tilmeldt 24. Nov 08
Indlæg ialt: 11
Skrevet kl. 00:09
Hvor mange stjerner giver du? :

Nej det virkede desværre ikke.

Det er ikke sådan når man klister to ting sammen.

Fra Toustrup Mark
Tilmeldt 24. Nov 08
Indlæg ialt: 11
Skrevet kl. 00:11
Hvor mange stjerner giver du? :

Jeg kan tilgengæld rette den til ved at sætte margin i minus, men så skrider den nederste liste for login!!!

Fra København
Tilmeldt 19. Jun 07
Indlæg ialt: 560
Skrevet kl. 00:16
Hvor mange stjerner giver du? :

Prøv at kommentér dette ud, som jeg har gjort her (altså ved at sætte /* foran og */ bagefter)

under reglen for "li":
/*
background-image:url(../images/arrow.png);
background-position:0px 5px;
background-repeat:no-repeat;
*/
under reglen for "ul":
 /*
list-style-image:none;
list-style-type:none;
*/
list-style-image: url(../images/arrow.png);
list-style-type: image;
 
Fra Toustrup Mark
Tilmeldt 24. Nov 08
Indlæg ialt: 11
Skrevet kl. 00:25
Hvor mange stjerner giver du? :
Så er det gjort

men jeg kunne altså ikke finde det her:
under reglen for "ul":

 /*

list-style-image:none;
list-style-type:none;
*/
list-style-image: url(../images/arrow.png);
list-style-type: image;
Side 1 ud af 2 (15 indlæg)