[HTML] Webdesign probleem met tabel - Softwareontwikkeling

woensdag 11 mei 2005 18:26

Acties:

Topicstarter

Ik ben gisteren eens begonnen om een site te bouwen. Design staat voorop bij deze site, dus verwacht geen spectaculaire menu's e.d.

tot nu toe heb ik dit: klik!

nog geen link werkt, daar ben ik nog mee bezig, maar mijn probleem is het volgende:
In de onderste laag van de tabel waar dat stukje tekst rechts staat klopt iets niet. Het lijntje naast de tekst loopt te ver door. zowel boven als onderen. Deze moet ongeveer met de tekste gelijk stoppen. Ik heb echter geen enters oid boven of onder de tekst staan waardoor dit zou gebeuren. Ik heb al vanalles geprobeerd, maar niets helpt. Ik heb geprobeerd de tekst anders uit te lijnen e.d., maar het wil niet baten.

Dat lijntje heb ik als achtergrondafbeelding in de tabel toegevoegd. Vanmiddag werkte het nog, maar na het onderste (derde) deel tekst toegevoegd te hebben klopt het niet meer.

Ik werk zelf met Firefox en daar klopt de site verder, maar met IE krijg ik twee lijntjes naast elkaar links van de tekst. En dat terwijl de afbeelding 5 pixels breed is en die cel van de tabel ook 5 pixels is.

Hoe kan ik dit handig oplossen?

mvg, Hans Woltering

ps. Over dat lijntje dat als achtergrondafbeelding is ingevoegd staat nog een kleine afbeelding gewoon in de tabel om te zorgen dat dat kleine stukje tussen de lijn en de grote foto zwart blijft.

woensdag 11 mei 2005 18:40

Acties:

Zoefff

❤ 

Wat je daar precies allemaal met tabellen, achtergrondplaatjes en divs aan het doen bent weet ik niet, maar dat het veel simpeler kan, weet ik wel

Je hebt de tekst allemaal in één paragraaf () staan. Geef gewoon die paragraaf links een lijntje, beetje padding, en je bent klaar. Niet moeilijk doen met achtergrondplaatjes enzo

HTML:

<p class='line_left'>
    <strong>Update</strong><br />
    Website is in development right now. Not all options work the way they should do.
</p>

Cascading Stylesheet:

1
2
3

.line_left {
    border-left:1px solid gray;
}

Fotoblog • Werkaandemuur.nl • Moestuincursus.nl • Twitter

woensdag 11 mei 2005 18:44

Acties:

TranceSetter

Topicstarter

Zoefff schreef op woensdag 11 mei 2005 @ 18:40:
Wat je daar precies allemaal met tabellen, achtergrondplaatjes en divs aan het doen bent weet ik niet, maar dat het veel simpeler kan, weet ik wel

Je hebt de tekst allemaal in één paragraaf () staan. Geef gewoon die paragraaf links een lijntje, beetje padding, en je bent klaar. Niet moeilijk doen met achtergrondplaatjes enzo
HTML:
1
2
3
4

 Update 
 Website is in development right now. Not all options work the way they should do.

Cascading Stylesheet:
1
2
3
.line_left {
 border-left:1px solid gray;
}

Uh ok, ik probeer het te snappen. Maar waar ik deze code neer zou moeten zetten om het te laten werken is mij een raadsel... Kun je misschien helpen?

woensdag 11 mei 2005 18:48

Acties:

Zoefff

❤ 

In het <head> gedeelte van de pagina waar die tekst op staat kan je de styles neerzetten. Je kan deze ook in een los CSS bestand zetten, en dit op iedere pagina laden.

Zet dus ergens tussen de <head> en </head> tags je stylesheet:

Cascading Stylesheet:

<style type="text/css">
.line_left {
    border-left:1px solid gray;
    padding-left:5px;
}
</style>

en plemp vervolgens die paragraaf ergens neer. Iedere paragraaf die je nu als class 'line_left' meegeeft, zal links een grijs lijntje krijgen

Overigens is dit wel _erg_ basic HTML & CSS kennis, als ik jou was zou ik eens op zoek gaan naar een paar goeie tutorials of een boek.

Fotoblog • Werkaandemuur.nl • Moestuincursus.nl • Twitter

woensdag 11 mei 2005 18:54

Acties:

Verwijderd

hi, kijk eens op http://www.w3schools.com/html/default.asp
en er zijn genoeg alternatieven op het web, hier leggen ze alles simpel uit

donderdag 12 mei 2005 00:08

Acties:

TranceSetter

Topicstarter

Ik heb al wat opgelost van dit probleem. dit is nog niet geupdate op de site, maar nu heb ik een ander probleem.

ik heb een testsite snel gemaakt om wat dingen te testen. die staat hier: http://members.home.nl/blue-h2o/test/index.html

ik heb er een plaatje in gezet als achtergrond van een cel in de tabel. deze is in firefox wel zichtbaar, maar in IE niet. wat ik nou het wazige vind is dat dat lijntje naast de tekst ook als achtergrond in de cel staat, maar dat deze wel in IE te zien is.

kan iemand mij aub helpen?

donderdag 12 mei 2005 00:12

Acties:

Verwijderd

http://www.google.com/search?q=semantic+markup
http://www.google.nl/search?q=semantische+html

donderdag 12 mei 2005 00:21

Acties:

macnerd

No Apples please :-)

IE heeft slechts beperkte ondersteuning voor PNG. Transparency wordt in ieder geval niet ondersteund op dit moment.

Misschien dat je hier nog iets aan hebt:
http://www.alistapart.com/articles/pngopacity/
http://people.brandeis.edu/~peelle/png/

MacNerd

donderdag 12 mei 2005 00:32

Acties:

TranceSetter

Topicstarter

macnerd schreef op donderdag 12 mei 2005 @ 00:21:
IE heeft slechts beperkte ondersteuning voor PNG. Transparency wordt in ieder geval niet ondersteund op dit moment.

Misschien dat je hier nog iets aan hebt:
http://www.alistapart.com/articles/pngopacity/
http://people.brandeis.edu/~peelle/png/

Dat van die transparantie snap ik wel, maar dan zou hij toch wel de jpeg moeten weergeven?

donderdag 12 mei 2005 00:48

Acties:

macnerd

No Apples please :-)

trancesetter schreef op donderdag 12 mei 2005 @ 00:32:
[...]

Dat van die transparantie snap ik wel, maar dan zou hij toch wel de jpeg moeten weergeven?

Als er een jpeg in de code zou staan wel ja...

MacNerd

donderdag 12 mei 2005 01:05

Acties:

TranceSetter

Topicstarter

macnerd schreef op donderdag 12 mei 2005 @ 00:48:
[...]

Als er een jpeg in de code zou staan wel ja...

ja lol, die stond er, maar die heb ik dus aangepast naar png om te kijken of die misschien wel zou werken. maar ook die doet het niet