Avatar billede madseksperten Nybegynder
07. marts 2008 - 14:42 Der er 15 kommentarer og
1 løsning

css links

Hejsa.

Jeg er lidt i tvivl om hvordan jeg skal gøre det her. Jeg vil gerne have mine links som ses på venstre skærmbillede her:
(oppe i toppen, det er noget svært at se)

http://www.filecabin.com/photos/view.php?mode=gallery&g=13506&photo=1

kommer over til højre hvor flagene er. Men hvordan finder jeg ud af de præsice mål til de forskellige <tdèr>?. Som det kan ses nu er der store hvis mellemrum og de skulle jo gerne lægge ved siden af hinanden??

Med Venlig Hilsen
Mads
Avatar billede soelle Nybegynder
07. marts 2008 - 15:32 #1
Hej Mads

Kan du ikke lave det med div tags og så style dem istedet for tables?

Du kan lave en container som har menuens bredde og inde i den kan du så lave de forskellige div bokse med float=right. Du behøver ikke en fast bredde men kan styre luften med padding og margins på divboksene i stedet.
Avatar billede madseksperten Nybegynder
07. marts 2008 - 15:56 #2
hej tak for svaret.

problemet er bare at jeg ikke er så skarp til div tags. Vores lærer hader div tags, så jeg tør ikke engang at lave dem, da det er til eksamen:-/
Avatar billede soelle Nybegynder
07. marts 2008 - 16:31 #3
:-)

Det synd for dig du har sådan en lærer, men man kan jo håbe han bliver klogere.

Jeg kan ikke rigtig se ordentlig på billedet hvad du vil. Er det en dynamisk menu eller hvorfor vil du vide bredden af td'erne? Hvis du ved hvor mange punkter der skal være kan du evt. lave bredden på td'erne med procent.
Avatar billede madseksperten Nybegynder
07. marts 2008 - 16:37 #4
ja ikke:-)

Jeg har ialt 7 <td>èr i toppen. Det er ikke en dynamisk, <td>èrne skal bare passe sammen så der ikke kommer noget hvidt hul nogen steder.
Her er <html>

<table border="1" cellpadding="0" cellspacing="0">
                                                                                                                            <!---top---!>
            <tr>
                <td class="celle"</td>
                <td class="toplinks" width="100px"><a href="toggerbo.htm">Om Toggerbo</a></td>
                <td class="toplinks" width="100px"><a href="sitemap.htm">sitemap</td>
                <td class="toplinks" width="100px"><a href="medarbejderer.htm">medarbejderer</td>
                <td class="toplinks" width="100px"><a href="kontakt.htm">kontakt</td>
                <td><img src="img/dansk.jpg" height="15" width="23" alt="dansk"></td>
                <td><img src="img/engelsk.jpg" height="15px" width="26px" alt="engelsk"></td>
            </tr>
Avatar billede olebole Juniormester
07. marts 2008 - 16:43 #5
<ole>

"Vores lærer hader div tags" >> Det er også meget lettere end at hade sig selv for ikke at have energien/evnen til at følge med i det fag, man underviser i  ;o)

Vis ham gerne denne tråd, hvori han - dersom du taler sandt - bliver kaldt 'en ynkelig inkompentent døgenigt'. Han burde få vredet underarmen ud af analporten og indse, at elever er andet og mere end det redskab, hvorved han tjener sine penge!

/mvh
</bole>
Avatar billede madseksperten Nybegynder
07. marts 2008 - 16:56 #6
det siger jeg videre ole;-). Jeg er desværre ikke dygtig nok til at forsvarer det, så jeg må hellere rette mig efter hans retningslinier....

Jeg er kommet et stykke længere nu, men mangler at teksten skal alignes right i mine <td>èr, jeg har lavet det i css, men der sker ikke rigtig noget, men de andre ting i css virker

CSSèn ser således ud:

a:link        {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: White;
                background-color: Black;
               
               
}

a:visited    {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: White;
                background-color: Black;
}

a:active        {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: #B9121B;
               
}

a:hover        {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: #B9121B;
                background-color: Black;
}


jeg har da sat min text-align: center; men det virker ikke. nogen ideer??
Avatar billede soelle Nybegynder
07. marts 2008 - 17:03 #7
prøv at tilføje dette i det stylesheet:

.toplinks a:link        {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: White;
                background-color: Black;
             
             
}
.toplinks a:visited    {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: White;
                background-color: Black;
}

.toplinks a:active        {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: #B9121B;
             
}

.toplinks a:hover        {
                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-align: center;
                color: #B9121B;
                background-color: Black;
}
Avatar billede madseksperten Nybegynder
07. marts 2008 - 17:07 #8
jeg kan faktisk egentligt godt huske det skulle se sådan ud i forhold til hvordan det står i css:
.toplinks a:hover

Det har jeg ændret. Det virker desværre stadigvæk ikke:-/
Avatar billede madseksperten Nybegynder
07. marts 2008 - 17:11 #9
det virker hvis jeg skriver det i min <td>:
<td class="toplinks" width="77px" bgcolor="#000000" align="center"><a href="kontakt.htm">kontakt</td>


er det grim tabel struktur, eller?
Avatar billede soelle Nybegynder
07. marts 2008 - 17:18 #10
Tabeller er grimme :-)

Men hvis det virker så er det vel godt nok til din lærer :-)
Avatar billede madseksperten Nybegynder
07. marts 2008 - 17:25 #11
klart:-)

ligger du et svar:-)

Jeg bliver nok rimelig aktiv herinde i weekenden, så der er gode point og få:-)

Mange tak for hjælpen
Avatar billede soelle Nybegynder
07. marts 2008 - 17:31 #12
det var så lidt.
Avatar billede olebole Juniormester
07. marts 2008 - 18:00 #13
Du skal ikke aligne noget på dine links, men på dine td'er:

.toplinks {
    text-align: center; /*left eller right*/
}

Et link er et inline-element og dér giver det ikke mening at aligne noget  :)

Denne her kan jeg heller ikke lige se logikken i:

                font: Cambria;
                font-family: sans-serif;
                font-size: 10px;
                font-style: normal;
                font-weight: normal;

Det bør nok bare skrives som:

                font: 10px Cambria, sans-serif;
Avatar billede dragongirl Nybegynder
08. marts 2008 - 00:23 #14
Hej Ole.

Kan godt se hvad du mener, men kan man gøre det i sit eksterne stylesheet??. Sådan som du skriver er vel i et internt stylesheet??
Avatar billede roenving Novice
08. marts 2008 - 12:55 #15
-- også her både madseksperten og madsekspertenn ?-)

-- bemærk reglernes ord om dobbeltbrugere som begge/alle umiddelbart bare smides ud ,-(

-- og der er ingen forskel på, hvad man kan i interne og eksterne stylesheets !-)
Avatar billede madseksperten Nybegynder
08. marts 2008 - 13:53 #16
roenving:
Det er en fejl, jeg troede egentligt jeg havde lukket den, men det gør jeg med det samme.
Tak for hjælpen.

Med Venlig Hilsen
Mads
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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