CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
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
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
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 18:09 Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
I går 17:33 Facebook kopier en tråd Af clausito i Sociale medier
I går 09:49 Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
I går 03:28 Inkasso som privat? Af lekor adams i Fri debat
26/0723:51 Frossen cursor Af goglov i PC
White papers
Flere white papers »


Premium
Teaser billede
Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"
Læs mere »
Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence
Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"
Overblik: Sådan forløb årets største databrud - mindst 165 organisationer ramt
Se alle »
Computerworld
Teaser billede
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Læs mere »
Apples spritnye app til kodeord kommer til iOS 18: Sådan virker den
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Apples folde-iPhone tager form: Her er planerne
Se alle »
CIO
Teaser billede
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Læs mere »
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Microsoft kaster milliardbeløb efter nye tiltag til partnerprogrammet: Partnerne kan nu tjene endnu flere penge
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Læs mere »
Sådan høster du forretningsfordelene ved Internet of Things
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Få mere ud af din cloudinfrastruktur og gør op med de konstant stigende omkostninger
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »