/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
billed tilpasning css/html
Fra : michael bavsø


Dato : 18-10-08 12:17

jeg vil have links billedet "forside.jpg" til at være lige under
"banner.jpg" men i hver sin div, sletter jeg div'en er den på
samme sted, putter jeg margin 0 i css sker der intet.

html:
<div id="hoved"><img src="billed/banner.jpg" border="0">

</div>
<div id="links">
<center>
<img src="billed/forside.jpg">
<a href="index.php">Forside</a>&nbsp;&nbsp;
<a href="index.php?side=os">os</a>&nbsp;&nbsp;
<a href="index.php?side=kira">kira</a>&nbsp;&nbsp;
<a href="index.php?side=billeder">billeder</a>&nbsp;&nbsp;
</center>
</div>

og css
div#links{
   width: 1000px;
}

div#hoved{
   
width: 1000px;

}

evt test side telar.dk/beta

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (18-10-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 18-10-08 12:23

michael bavsø wrote:
> jeg vil have links billedet "forside.jpg" til at være lige under
> "banner.jpg" men i hver sin div, sletter jeg div'en er den på
> samme sted, putter jeg margin 0 i css sker der intet.

Kan du ikke prøve at præcisere lidt mere. Den forklaring er imho lidt tåget.

> html:

Helt unødvendig, vi kan uden problemer se koden, når vi kan se siden.

> og css

Lige så unødvendig, vi skal nok finde den.

> evt test side telar.dk/beta

Her ville et klikbart link være at foretrække, så vi ikke skal
klippe/klistre adressen over i browseren.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk


Jens Peter Karlsen (18-10-2008)
Kommentar
Fra : Jens Peter Karlsen


Dato : 18-10-08 12:27

Husk også at sætte padding til 0.

Regards Jens Peter Karlsen.

On 18 Oct 2008 11:16:44 GMT, michael bavsø <killerl2000@ofir.dk>
wrote:

>jeg vil have links billedet "forside.jpg" til at være lige under
>"banner.jpg" men i hver sin div, sletter jeg div'en er den på
>samme sted, putter jeg margin 0 i css sker der intet.
>

Birger Sørensen (18-10-2008)
Kommentar
Fra : Birger Sørensen


Dato : 18-10-08 12:52

michael bavsø tastede følgende:

> evt test side telar.dk/beta

Start med at bruge en doc-type, der ikke sætter browseren i
quirks-mode. Ellers er alting forskelligt i alle browsere, og der er
slet ingen der ved hvad du taler om .. F.eks:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Ret dernæst de HTML fejl der er, så browseren er i stand til at forstå
den kode du skriver.

Hvis tingene derefter ikke ser ud som du havde tænkt dig, kan du
begynde at fundere over hvad der evt. er galt, eller hvad du skal gøre
for at få det til at se ud som du gerne vil.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



michael bavsø (18-10-2008)
Kommentar
Fra : michael bavsø


Dato : 18-10-08 13:17

som i kan se har jeg et billed med en hund som banner, som jeg
har i en div fra css.
jeg vil så lave nogle links ved brug af billeder som skal sættes
lige under så den slutter sig tæt på banner, så det hvide i begge
billeder klodser op af hinanden, som det er nu er det et lille
mellemrum på 2 mm hvor man kan se baggrundsfarven.

så det jeg vil er bare at have selve link billedet (forside.jpg)
til at slutte sig helt tæt på banner, så man ikke kan se noget
blå baggrund.

michael bavsø wrote in dk.edb.internet.webdesign.html:
> jeg vil have links billedet "forside.jpg" til at være lige
under
> "banner.jpg" men i hver sin div, sletter jeg div'en er den på
> samme sted, putter jeg margin 0 i css sker der intet.
>
> html:
> <div id="hoved"><img src="billed/banner.jpg" border="0">
>
> </div>
> <div id="links">
> <center>
> <img src="billed/forside.jpg">
> <a href="index.php">Forside</a>  
> <a href="index.php?side=os">os</a>  
> <a href="index.php?side=kira">kira</a>  
> <a href="index.php?side=billeder">billeder</a>  
> </center>
> </div>
>
> og css
> div#links{
>    width: 1000px;
> }
>
> div#hoved{
>    
> width: 1000px;
>
> }
>
> evt test side telar.dk/beta
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kerim Ellentoft (18-10-2008)
Kommentar
Fra : Kerim Ellentoft


Dato : 18-10-08 14:00

michael bavsø <killerl2000@ofir.dk> skrev :

>så det jeg vil er bare at have selve link billedet (forside.jpg)
>til at slutte sig helt tæt på banner, så man ikke kan se noget
>blå baggrund.

<IMG style="vertical-align: bottom"
src="vores%20hjemmeside_files/banner.jpg" border=0>
--
Kerim
Når der svares på et indlæg, svar venligst under det citerede
og skær venligst det væk, du ikke svarer på.

Preben Dahl (18-10-2008)
Kommentar
Fra : Preben Dahl


Dato : 18-10-08 16:05

Prøv dette

index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>vores hjemmeside</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="side">

<div id="hoved"><img src="billed/banner.jpg" border="0"></div>

<div id="links">
<img src="billed/forside.jpg">
<a href="index.php">Forside</a>&nbsp;&nbsp;
<a href="index.php?side=os">os</a>&nbsp;&nbsp;
<a href="index.php?side=kira">kira</a>&nbsp;&nbsp;
<a href="index.php?side=billeder">billeder</a>&nbsp;&nbsp;
</div>

<div id="indhold">hej</div>

</div>

</body>
</html>

style.css

body {
background-color: #30b2ef;
}

p {
color: blue;
}

a {
   Color: red;
   text-decoration:none;
}

div#side{
width:1000px;
margin:0px auto;}

div#links{
   width: 1000px;
   margin: 0px;
   text-align: center;
}

div#hoved{
   
width: 1000px;
height: 150px;
margin: 0px;
background-color: #000000;
}

div#indhold {
width:1000px;
float:right;
}

div#billedindhold {
   width: 850px;
   float: right;
}

div#billedmenu {
width:150px;
float:left;
}

..clb {clear:both;}


Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste