webForumDet fria alternativet
Logga in / Bli medlem

Problem med en topframe

161 svar · 13 162 visningar · startad av Kalle M · sida 4 av 9

Kalle MMedlem sedan mars 20041 936 inlägg
#61

Får inte till bildens padding.

<img src="../magwill3.gif" alt="namnet" name="logg" id="logg" /></p>

Min CSS ser ut följande:

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 12px;
}
h5 {
	color: #C10000;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #933;
}

#header {
	background: #000;
	height: 80px;
	width: 780px;
}

#header a { color: #fff; /*Vit*/ }
#header a:hover { color: #ccc;/* ljus grå*/ }

#logg {padding: 10px}
voigtann1Medlem sedan juni 20019 519 inlägg
#62

ber om ursäkt, skall ju vara en margin, men eftersom du skall ha det på den högra sidan med så är det väl enklare att sätta padding på #header?

Kalle MMedlem sedan mars 20041 936 inlägg
#63

voigtann1 skrev:

ber om ursäkt, skall ju vara en margin, men eftersom du skall ha det på den högra sidan med så är det väl enklare att sätta padding på #header?

Jo. Kontaktinformationen ska ju inte vara ända ut i kanten.

Angående länkarna så tycker jag att mouseover på länkarna ser ut att blir lite fetstil eller iallafall större. Kan inte hitta nåt sånt i nån css!?

Kalle MMedlem sedan mars 20041 936 inlägg
#64

Verkar som jag fick till paddingen på head nu.
Dock så gör det ju att linjen blir kortare.

Hur gör jag med länkarna?

voigtann1Medlem sedan juni 20019 519 inlägg
#65

Kalle M skrev:

fetstil eller iallafall större. Kan inte hitta nåt sånt i nån css!?

Det är ju det du säger att alla dina a-element skall vara font-weight: bold

Du få sätta det till font-weight: normal på #header a:hover elementet.

Kalle MMedlem sedan mars 20041 936 inlägg
#66

voigtann1 skrev:

Det är ju det du säger att alla dina a-element skall vara font-weight: bold

Du få sätta det till font-weight: normal på #header a:hover elementet.

Ursäkta. Jag såg inte angående länkarna.

1. Hur får jag linjen att gå hela vägen ut? Se bifogad bild. Den blev det av paddingen.
2. Hur får jag textlänkar bredvid varandra i borden?
4. Hur får jag in kontaktuppgifter uppe till höger?

bord.gif
voigtann1Medlem sedan juni 20019 519 inlägg
#67

1. Hade skapat ett nytt block för navigeringen
2 + 4. med float(http://css.maxdesign.com.au/floatutorial/ maxdesign har även css kod + html kod för menyer) .

Kalle MMedlem sedan mars 20041 936 inlägg
#68

voigtann1 skrev:

1. Hade skapat ett nytt block för navigeringen
2 + 4. med float(http://css.maxdesign.com.au/floatutorial/ maxdesign har även css kod + html kod för menyer) .

Min funderingar:

1.Men om jag nu bara ska skriva in text som ska vara länkar och försöka göra det enkelt. Kan jag inte göra det?
Jag behöver även få upp kontaktuppgifterna till höger? Ska jag lägga in en div i #head på nåt sett?

2. Kan man inte ändra så linjen går ända ut?

3. Jag har problem att reglera höjden på Head. Jag kan göra den högre men jag kan inte minska. E den låst på nåt sett?

voigtann1Medlem sedan juni 20019 519 inlägg
#69

Kalle M skrev:

1.Men om jag nu bara ska skriva in text som ska vara länkar och försöka göra det enkelt. Kan jag inte göra det?
Jag behöver även få upp kontaktuppgifterna till höger? Ska jag lägga in en div i #head på nåt sett?

2. Kan man inte ändra så linjen går ända ut?

1. Ja, det är ju rätt tydligt att det är en adress så använd address blocket för det?
2. Ja, du kan det, ta bort din padding på #header, men det ger dig då problemet med din logotyp.

Kalle MMedlem sedan mars 20041 936 inlägg
#70

Så jag får skita i linjen då? Tycker det är fult den inte går ut hela vägen.

Kalle MMedlem sedan mars 20041 936 inlägg
#71

voigtann1 skrev:

1. Ja, det är ju rätt tydligt att det är en adress så använd address blocket för det?
2. Ja, du kan det, ta bort din padding på #header, men det ger dig då problemet med din logotyp.

Har problem med kontaktuppgifterna. Jag vill ha den till höger. Hur positionerar jag den?

Min CSS:

}
#header ##kontakt {
	font-size: 10px;
	color: #FFF;
	width: 20px;
}
voigtann1Medlem sedan juni 20019 519 inlägg
#72

läs länken jag skickade, du kan omöjligt har läst igenom det på 2 minuter (sen är har du ett # för mycket där på kontakt).

Kalle MMedlem sedan mars 20041 936 inlägg
#73

voigtann1 skrev:

läs länken jag skickade, du kan omöjligt har läst igenom det på 2 minuter (sen är har du ett # för mycket där på kontakt).

Jo men hur får jag upp en textruta med text uppe till höger? Får inte till det.

Kalle MMedlem sedan mars 20041 936 inlägg
#74

Snälla kolla här nu. Kolla min CSS. Jag provade men jag vet inte om jag gjorde rätt :-)

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 12px;
}
h5 {
	color: #C10000;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #933;
}

#header {
	background: #000;
	height: 200px;
	width: 780px;
	padding: 25px;
}
#header #kontakt {
	color: #FFF;
	position: absolute;
	width: 120px;
	left: 613px;
	top: 42px;
}

#header a { color: #fff; /*Vit*/ }

#header a:hover { color: #ccc;/* ljus grå*/ }
}
#logg {
	padding: 20px
}

Jag har problem reglera höjden på #Head. Varför?

voigtann1Medlem sedan juni 20019 519 inlägg
#75

sätt position: relative på #header och positonera #kontakt (för övrigt så behöver du inte sätta #hader #kontakt, räcker med #kontakt) och sätt right och top till ett lägre värde.

Kalle MMedlem sedan mars 20041 936 inlägg
#76

voigtann1 skrev:

sätt position: relative på #header och positonera #kontakt (för övrigt så behöver du inte sätta #hader #kontakt, räcker med #kontakt) och sätt right och top till ett lägre värde.

Kolla bifogad bild.

Avståndet mellan länkarna och nederkant är för mkt. Jag vill ha lika mkt som det är mellan linjen och länkarna. Hur gör jag det?

Se bifogad bild.

borden links.gif
voigtann1Medlem sedan juni 20019 519 inlägg
#77

jag vet inte vad du gör men du har väl satt en fast höjd eller något.

Kalle MMedlem sedan mars 20041 936 inlägg
#78

voigtann1 skrev:

jag vet inte vad du gör men du har väl satt en fast höjd eller något.

Förstår du vad jag menar? Jag tycker det är jättefult att det är ett avstånd mellan länkar och nederkanten. Har det med paddingen att göra?

voigtann1Medlem sedan juni 20019 519 inlägg
#79

Kalle M skrev:

Förstår du vad jag menar? Jag tycker det är jättefult att det är ett avstånd mellan länkar och nederkanten. Har det med paddingen att göra?

är förmodligen både det och att du ha en fast höjd på din #header.

Kalle MMedlem sedan mars 20041 936 inlägg
#80

Se kod:
Varför kan jag inte ändra höjden? Jag tycker avståndet är jättefult mellan nederkant på borden och länkarna ovan. Hur får jag till det?

<div id="header">
  <p><img src="../magwill3.gif" alt="namnet" name="logg" id="logg" /></p>
  <div id="kontakt">MAGWIL<br>
  V&auml;gen 6<br>
  453 345<br>
  aldfsdfsdfasdf
  </div>
<hr si>
  <table width="730" border="0">
    <tr>
      <td width="72"><a href="../konsult.htm">Hem</a></td>
      <td width="102"><a href="../default.htm">Om Oss</a></td>
      <td width="102"><a href="../kursernysidmall.html">Kurser</a></td>
      <td width="122"><a href="../kursernysidmall.html">Konsulttj&auml;nster</a></td>
      <td width="123"><a href="../kursernysidmall.html">Arbeta med oss</a></td>
      <td width="177"><a href="../kontakt.htm">Kontakta oss</a></td>
    </tr>
  </table>
</div>
139 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
136 ms — hämta forumlista (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)