1

tirsdag, 6. marts 2007, 21:45


Hej.

Nu sidder jeg og får spat over jeg ikke kan få mine faneblade til at gå ned og blive "et" med menuen

Jeg har følgende hjemmeside:
http://9designs.dk/blog2/

Jeg vil gerne have mit faneblad til at gå ned med stregen der er der.

Mit css kan findes her:
http://9designs.dk/blog2/css/default.css

Det skulle gerne se sådan her ud:
[img]http://uploadit.hotserv.dk/view.php?id=385[/img]

Men det gør det bare ikke helt :S

Nogen der kan spotte hvordan jeg skal få lavet det?

På forhånd tak :)

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

2

tirsdag, 6. marts 2007, 21:59


Gad ikke lige til at sætte mig ind i dit css, men tror følgende link kan hjælpe ellers kig på de forskellige løsninger derinde.

http://css.maxdesign.com.au/listamatic/horizontal29.htm


3

onsdag, 7. marts 2007, 07:33


du har et <br/> i den linie med menuen, prøv at fjern det.

her:

Citeret

<div id="faneblad"><a href="/">Forside</a></div><br />


Til at finde ud af hvor ens fejl ligger (i hvilken div) er en af de nemmeste metode at sætte midlertidige farvede borders - så ses det ofte tydeligt hvad det er for at element der driller.

/ask

IBM t42 and IBM t23 still alive and kicking

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "jacobask" (07.03.2007, 07:34)


4

onsdag, 7. marts 2007, 15:14


Citeret

Originally posted by Macimuz
Gad ikke lige til at sætte mig ind i dit css, men tror følgende link kan hjælpe ellers kig på de forskellige løsninger derinde.

http://css.maxdesign.com.au/listamatic/horizontal29.htm


Ahh mange tak har fået det til at passe nu :D

I Tweakerne er da bare top noch :P :rules:

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

5

onsdag, 7. marts 2007, 15:17


Nu du er igang, så vil jeg klart anbefale at kigge lidt på text-farverne. Kontrasten er meget ringe og det går det ret trættende at læse.

/ask

IBM t42 and IBM t23 still alive and kicking

6

onsdag, 7. marts 2007, 21:01


Vil du anbefale en mørkere farve og er det teksten på menuen eller indholdet du tænker ? :)

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

7

onsdag, 7. marts 2007, 21:08


Citeret

Originally posted by Dumpen
Vil du anbefale en mørkere farve og er det teksten på menuen eller indholdet du tænker ? :)


Formoder han mener menuteksten. Den fremstår ikke særlig tydeligt, hvilket desværre ikke er pokkers brugervenligt.

Hovednavigationen bør altid være forholdsvis tydelig fremtrædende på et site.

Men selve brødteksten kunne da også godt tåle lidt mere kontrast. Den flyder meget sammen med den grå baggrund, desværre.

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Macimuz" (07.03.2007, 21:09)


8

onsdag, 7. marts 2007, 21:20


Netop, begge dele trænger til en øget kontrast.
Som macimuz skriver er det vigtigt at sikre en god/let navigation og en af de første faktorer er at det kan læses tydeligt. Hvis du ønsker at folk skal læse hvad du skriver åp siden er det også vigtigt at man kan læse teksten uden problemer, og også dette kræver en rimelig kontrast.

/ask

IBM t42 and IBM t23 still alive and kicking

9

torsdag, 8. marts 2007, 15:01


Jeg ved ikke helt hvilken farve mine faneblade skal have :S

Har i nogle forslag til både faneblad teksten, faneblad og fanebladet når det er aktivt? :idea:

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

10

torsdag, 8. marts 2007, 15:16


Prøv at tage et kig på nogle af de links der står under "farver" i denne sticky.

Der er en del hjælp til at finde farveskemaer, inkl. kontrastfarver.

/ask

IBM t42 and IBM t23 still alive and kicking

11

torsdag, 8. marts 2007, 15:54


Eller glo lidt rundt på nettet og se, hvad andre bruger. Ikke nødvendigvis til knapper, men hvilke farver, som fungere godt sammen.

Men ellers er Jacobask's løsning en rigtig god mulighed :)


12

fredag, 9. marts 2007, 12:42


Så fik jeg ændret lidt i farverne

Hjalp det? :clap:

Og hvordan får jeg mine divs til at stå på samme linje? :S

Her er html koden jeg bruger:
<div id="skrevet">Skrevet d. 2/4 2006</div> <div id="kommentar">4 kommentar</div> <div id="kategori">Lagt i kategorien: Blandet</div>

Og css:
#skrevet {
margin: 0px;
padding: 0px;
padding-left:19px;
width: 140px;
background:url(http://www.betxpert.com/images/clock.gif) no-repeat bottom left;
color: #9ddee8;
width: 180px;
}
#kommentar {
margin: 0px;
padding: 0px;
padding-left:19px;
width: 100px;
background:url(/blog2/images/nyhed/comment.gif) no-repeat bottom left;
color: #9ddee8;
}
#kategori {
margin: 0px;
padding: 0px;
padding-left:19px;
width: 180px;
background:url(/blog2/images/nyhed/folder.gif) no-repeat bottom left;
color: #9ddee8;
}

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

13

fredag, 9. marts 2007, 12:47


Bestemt bedre end før, men det kan godt tåle lidt mere :)

Derimod kunne teksten måske godt tåle lidt padding. Synes det står for tæt ud mod kanten i højre og venstre side.

Hvis du vil have divs op ved siden af hinanden kan du bruge float: left eller right.

Dette kan dog godt betyde, at du får behov for at bruge Clear: both; på andre divs.

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Macimuz" (09.03.2007, 12:48)


14

fredag, 9. marts 2007, 13:01


Ganske som macimuz skriver, du har dog af en eller anden grund et linieskift i den "skrevet" som går at den hopper en linie ned.

Den kan ske at det er fordi du ikke har pakket din brødtekst ind i en <p> og aflutter med et <br />

/ask

IBM t42 and IBM t23 still alive and kicking

15

fredag, 9. marts 2007, 13:49


Så er jeg selv godt tilfreds med hjemmesiden :)

Men jeg kan stadig ikke få divs til at så sammen

Jeg har prøvet både <p> tag, float: left; og divsere andre ting

Men den ikke vil ikke give sig :(

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

16

fredag, 9. marts 2007, 13:58


følgende giver hvad jeg tror du vil have (af en eller anden årsag starter "skrevet" for langt nede, deraf paddig-top på de 2 andre).

#skrevet {
padding-left:19px;
width: 140px;
background:url(/blog2/images/nyhed/clock.gif) no-repeat bottom left;
color: #9ddee8;
padding-top:10px;
float:left;
}
#kommentar {
padding-left:19px;
padding-top:10px;
width: 100px;
background:url(/blog2/images/nyhed/comment.gif) no-repeat bottom left;
color: #9ddee8;
float:left;
}
#kommentar a {
color: #9ddee8;
text-decoration: none;
border-bottom: none;
}
#kategori {
padding-left:19px;
padding-top:10px;
width: 180px;
background:url(/blog2/images/nyhed/folder.gif) no-repeat bottom left;
color: #9ddee8;
float:left;
}

/ask

EDIT: screenshot kan ses her

IBM t42 and IBM t23 still alive and kicking

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "jacobask" (09.03.2007, 14:02)


17

fredag, 9. marts 2007, 13:59


Citeret

Originally posted by Dumpen
Så er jeg selv godt tilfreds med hjemmesiden :)

Men jeg kan stadig ikke få divs til at så sammen

Jeg har prøvet både <p> tag, float: left; og divsere andre ting

Men den ikke vil ikke give sig :(


Hvad er det helt præcist, der skal floate ?


18

fredag, 9. marts 2007, 14:01


Ahh :D

Tak ask

Du er en skat :P

Mange tak for hjælpen begge to :rules:

Tråd låst (:

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Dumpen" (09.03.2007, 15:38)


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.