மன்றங்கள்

DIV உறுப்பு மீதமுள்ள செங்குத்து இடத்தை நிரப்ப செய்ய? (சிஎஸ்எஸ்)

ஃப்ளாய்ட்

அசல் போஸ்டர்
ஏப்ரல் 7, 2005
மான்டேரி மெக்சிகோ
  • மார்ச் 27, 2006
இது முடியுமா?
என்னிடம் இரண்டு பிரிவுகள் உள்ளன. ஒன்றுக்கு நிலையான உயரம் உள்ளது, மற்றொன்று சாளரத்தில் மீதமுள்ள செங்குத்து இடத்தை நிரப்ப வேண்டும். நான் பிந்தைய வட்டத்தின் உயரத்தை 100% ஆக அமைத்தால், அது சாளரத்தின் அதே உயரத்தை உருவாக்கும், ஆனால் அது சாளரத்தின் உயரத்தை முதல் வட்டத்தின் உயரத்தைக் கழிக்க வேண்டும்.

நான் பயன்படுத்தும் குறியீடு இதுதான்:
குறியீடு: |_+_|
நான் என்ன செய்ய விரும்புகிறேன் மற்றும் என்னால் இதுவரை என்ன செய்ய முடிந்தது என்பதைக் காட்டும் சில படங்களையும் சேர்த்துள்ளேன். முன்கூட்டியே நன்றி

இணைப்புகள்

  • xa.gif xa.gif'file-meta'> 2.6 KB · பார்வைகள்: 10,076
  • xb.gif xb.gif'file-meta'> 3 KB · பார்வைகள்: 9,950
என்

NoNameBrand

நவம்பர் 17, 2005


ஹாலிஃபாக்ஸ், கனடா
  • மார்ச் 27, 2006
1வது 2வது உள்ளே ஏன் கூடு கட்டக்கூடாது?

இல்லையெனில், நீங்கள் விரும்புவதைப் பெறுவதற்கான வழியைப் பற்றி என்னால் சிந்திக்க முடியாது.

படித்துறை

அக்டோபர் 13, 2004
யுகே
  • மார்ச் 27, 2006
இரண்டாவது லேயரை எங்கு தொடங்க வேண்டும் என்று நீங்கள் சொல்லவில்லை என்று நான் நினைக்கிறேன், எனவே அது மேலிருந்து தொடங்குகிறது, எனவே முதல் அடுக்கை ஒன்றுடன் ஒன்று சேர்க்கிறது.
முயற்சி:




பெயரிடப்படாத ஆவணம்










செய்ய






பி


c





மற்றும்







ps நான் அதை DW இல் செய்து, இரண்டாவது லேயரில் சில உள்ளடக்கத்தைச் சேர்த்து, பின்னர் குறியீட்டைக் குழப்பிவிட்டேன் - DW ஆனது விளிம்புகளைச் சுற்றி சில திணிப்புகளை வைத்திருப்பதை விரும்புகிறது, மேலும் நீங்கள் ஒரு லேயர் தேவை என்பதை உரையாடல்களில் குறிப்பிடலாம். மேல் மூலையில் இருந்து 0px இல் தொடங்கவும், நீங்கள் கோட் வியூவைப் பயன்படுத்தி இரண்டு முறை சொல்ல வேண்டும். எப்படியும் நான் வேண்டியிருந்தது.

ஃப்ளாய்ட்

அசல் போஸ்டர்
ஏப்ரல் 7, 2005
மான்டேரி மெக்சிகோ
  • மார்ச் 27, 2006
NoNameBrand said: ஏன் 2வது உள்ளே 1வது கூடு கட்டக்கூடாது?

இல்லையெனில், நீங்கள் விரும்புவதைப் பெறுவதற்கான வழியைப் பற்றி என்னால் சிந்திக்க முடியாது.

நன்றி, இது பார்வைக்கு வேலை செய்கிறது, ஆனால் இரண்டாவது டிவியானது இந்த தளவமைப்பிற்கான ஒரு கொள்கலனாக இருக்கும், எனவே அதன் உள்ளடக்கங்கள் அவற்றைப் பெறுவதற்கு சரியான பரிமாணங்களைக் கொண்டிருக்க வேண்டும்.

ஒருவேளை அது சாத்தியமில்லையா? ஒருவேளை நான் அதை வேலை செய்ய கொஞ்சம் ஜாவாஸ்கிரிப்ட் பயன்படுத்த வேண்டுமா?

steph said: முயற்சி செய்:
நன்றி, ஆனால் என்னால் அதைச் செயல்படுத்த முடியவில்லை, நீங்கள் எந்த உலாவியைப் பயன்படுத்தியுள்ளீர்கள்?

ஃப்ளாய்ட்

அசல் போஸ்டர்
ஏப்ரல் 7, 2005
மான்டேரி மெக்சிகோ
  • மார்ச் 27, 2006
விஷயங்களின் பெரிய திட்டம்

சரி இதோ எனது இறுதி இலக்கின் படம். இதுவரை நான் அதை படிப்படியாக செய்து வருகிறேன், அதனால் பிரச்சனை என்னுடைய ஆரம்ப அணுகுமுறையாக இருக்கலாம். எனவே இதை எப்படி அணுகுவீர்கள் (எனக்கு யோசனைகள் தேவை)? நீங்கள் தூய css ஐப் பயன்படுத்துவீர்களா அல்லது அட்டவணைகள் அல்லது பிரேம்களுக்குக் கொடுப்பீர்களா?

இணைப்புகள்

  • Grand_scheme.gif Grand_scheme.gif'file-meta'> 40.2 KB · பார்வைகள்: 450

படித்துறை

அக்டோபர் 13, 2004
யுகே
  • மார்ச் 27, 2006
நான் சஃபாரி பயன்படுத்தினேன். ஒரு உரை கோப்பில் குறியீட்டின் பகுதியை நகலெடுத்து ஒட்டவும் - நீங்கள் அதைச் சேமிக்கும் போது அதில் .html பின்னொட்டு இருப்பதை உறுதிசெய்யவும். புதிய கோப்பை திறந்த உலாவி சாளரத்தில் இழுக்கவும். இதை Firefox மூலம் சோதித்தேன், அது சரி - குறைந்தபட்சம் நீங்கள் விரும்புவது இது என்று நினைக்கிறேன்.
நீங்கள் விளையாட வேண்டிய பிட் இதுதான்:
#அடுக்கு1 {
நிலை: முழுமையான;
இடது:0px;
மேல்:0px;
அகலம்:100%;
உயரம்:180px;
z-குறியீடு: 1;
பின்னணி நிறம்: #99CCFF;
}

உங்கள் பக்கத்தை ஒரு காகிதத்தில் சுருக்கவும், இதன் மூலம் நீங்கள் நிலைகளை சரியாகப் பெறுவீர்கள், அது ஒவ்வொரு அடுக்கின் மேல் LH மூலையின் நிலையை உங்களுக்கு வழங்கும். அடுக்கு 1 இன் உயரம் அடுக்கு 2 இன் தொடக்க நிலையை தீர்மானிக்கும் - இந்த வழக்கில் அடுக்கு 2 ஐ கொண்டிருக்க வேண்டும்மேல்:180px;குறியீடு வரி.
உங்கள் கடைசி இடுகையில் காட்டப்பட்டுள்ளபடி 3 அடுக்குகளை நீங்கள் விரும்பினால், இடதுபுறத்தில் உள்ள பெரும்பாலான லேயர்:
#அடுக்கு1 {
நிலை: முழுமையான;
இடது:0px;
மேல்:0px;
அகலம்: 200px;
உயரம்:100%;
z-குறியீடு: 1;
பின்னணி நிறம்: #336699;
}

மேல் RH அடுக்கு இருக்கும்:
#அடுக்கு1 {
நிலை: முழுமையான;
இடது:200px;
மேல்:0px;
அகலம்:100%;
உயரம்:180px;
z-குறியீடு: 2;
பின்னணி நிறம்: #33CCFF;
}

மீதமுள்ள சாளரத்தை நிரப்ப 3வது அடுக்கு (அது மறுஅளவிடப்பட்டாலும்) இப்படி இருக்க வேண்டும்:
#அடுக்கு1 {
நிலை: முழுமையான;
இடது:200px;
மேல்:180px;
அகலம்:100%;
உயரம்:100%;
z-இண்டெக்ஸ்: 3;
பின்னணி நிறம்: #99CCFF;
}

நீங்கள் ட்ரீம்வீவரைப் பயன்படுத்தினால், பக்கக் காட்சியில் லேயர் சுருங்கிவிட்டால், மேலே உள்ள அசல் html இல் உள்ள 'a,b,c போன்றவை' எனில், ஒவ்வொரு லேயரிலும் சில போலி உள்ளடக்கங்களை வைப்பது சிறந்தது.

ps நான் ஒரு நிபுணர் அல்ல, நான் தவறாக இருக்கலாம் ஆனால் அது உதவும் என்று நம்புகிறேன். நான் என்ன சொல்ல முடியும் என்றால், எனது முதல் பிட் குறியீடு வேலை செய்யத் தோன்றுகிறது. நான் உதவி செய்ய முடிந்தால் நான் தனிப்பட்ட முறையில் அடுக்குகளை கூடு கட்ட மாட்டேன், ஆனால் அது நான் மட்டும் தான் - நான் எளிமையாக மட்டுமே செய்கிறேன். என்

NoNameBrand

நவம்பர் 17, 2005
ஹாலிஃபாக்ஸ், கனடா
  • மார்ச் 27, 2006
இது என்ன 'அடுக்குகள்' பொருள்? ட்ரீம்வீவர்-எஸ்க்யூ 'பிரேக் ஸ்டஃப் உண்மையான-நல்லது'?

நான் என்ன செய்வேன் என்பது இங்கே:
குறியீடு:
foo   

நீ நம்பு!

ஜூன் 14, 2003
MD / VA / DC
  • மார்ச் 27, 2006
டிகான்செப்ட்...

FlashObject ஐப் பார்க்கவும், பதிவிறக்கத்தில் முழுத் திரையை உருவாக்குவதற்கான குறியீடு உள்ளது.. நீங்கள் விரும்பும் விதத்தில் அதை வடிவமைக்கலாம்.

http://blog.deconcept.com/flashobject/

ஃப்ளாய்ட்

அசல் போஸ்டர்
ஏப்ரல் 7, 2005
மான்டேரி மெக்சிகோ
  • ஏப்ரல் 28, 2006
அனைத்து உதவிகளுக்கும் நன்றி நண்பர்களே, ஆனால் நான் விரும்பும் சரியான அமைப்பை நிலையான அகலங்கள்/உயரங்கள் மற்றும் சதவீதங்களின் கலவையால் அடைய முடியாது என்பதை உணர்ந்தேன். நான் அதை சதவீதங்களை மட்டுமே பயன்படுத்தி மீண்டும் எழுதினேன், இப்போது அது வேலை செய்கிறது. நீங்கள் மார்க்அப்பில் ஆர்வமாக இருந்தால், எனக்கு தெரியப்படுத்துங்கள், நான் அதை இடுகையிடுவேன்.

படித்துறை

அக்டோபர் 13, 2004
யுகே
  • ஏப்ரல் 28, 2006
ஃப்ளாய்ட் கூறினார்: மார்க்அப்பில் நீங்கள் ஆர்வமாக இருந்தால் எனக்கு தெரியப்படுத்துங்கள், நான் அதை இடுகையிடுகிறேன்.
மீண்டும் இடுகையிட உங்களுக்கு நேரம் கிடைத்தால் நான் பார்க்க விரும்புகிறேன்.
NoNameBrand கூறியது: இது என்ன 'அடுக்குகள்' பொருள்? ட்ரீம்வீவர்-எஸ்க்யூ 'பிரேக் ஸ்டஃப் உண்மையான-நல்லது'?
சரி, 'பிரேக்கிங் ஸ்டஃப்' பற்றி எனக்குத் தெரியாது, ஆனால் நான் ஒரு சிஎஸ்எஸ் பாஃப் இல்லை என்று நீங்கள் யூகித்தீர்கள் என்று நினைக்கிறேன் - லேயர்கள் என்பது 'சிஎஸ்எஸ் நிலைப்படுத்தப்பட்ட கூறுகள்' என்று நான் நினைக்கும் விஷயங்களுக்கு டிடபிள்யூ வழங்கிய வசதியான பெயர் - மற்றும் டிடிபி/ஃபோட்டோஷாப் பின்னணியில் இருந்து என்னைப் போன்றவர்கள் சற்று வசதியாக இருப்பதற்காக அவர்களை அப்படி அழைக்கிறார்கள் என்று நினைக்கிறேன். NoNameBrand என்ற உங்கள் இடுகையில் நீங்கள் சேர்த்துள்ள குறியீட்டைப் பார்க்கும்போது, ​​என்னுடையதை விட இது மிகவும் நேர்த்தியாக இருக்கிறது - உண்மையில் என் தலையை div டேக்கில் சுற்றி வருவதில் நான் குத்த வேண்டும். OP மற்றும் பதில்களுக்கு நன்றி. என்

NoNameBrand

நவம்பர் 17, 2005
ஹாலிஃபாக்ஸ், கனடா
  • ஏப்ரல் 28, 2006
stevep said: சரி, 'பிரேக்கிங் ஸ்டஃப்' பற்றி எனக்குத் தெரியாது, ஆனால் நான் ஒரு CSS பாஃப் இல்லை என்று நீங்கள் கருதுகிறீர்கள் என்று நினைக்கிறேன் - அடுக்குகள் என்பது DW ஆல் வழங்கப்பட்ட ஒரு வசதியான பெயர், அவை 'CSS நிலைப்படுத்தப்பட்ட கூறுகள்' என்று அழைக்கப்பட வேண்டும் '

அவர்கள் மீது z-இண்டெக்ஸ்களை அடுக்கி வைத்திருந்தனர் - இது ஒரு பக்கத்தில் விஷயங்களை முன்னுக்குப் பின் வைக்கும். DW அடுக்குகள் ஒரு தளத்தை முற்றிலுமாக உடைப்பதற்கு முன்பு நான் பார்த்திருக்கிறேன், ஆனால் அவற்றை அதிகம் வெளிப்படுத்தவில்லை (அது போதுமானது, உண்மையில்).

என் தலையை டிவ் டேக்கைச் சுற்றி வருவதில் நான் குத்த வேண்டும்.

A என்பது ஒரு தன்னிச்சையான தொகுதி - இது பொருள் ரீதியாக எதையும் குறிக்காது, வழி a

செய்கிறது (உரையின் ஒரு பத்தி). ஏஅதே யோசனை, ஆனால் இன்லைன் விஷயங்களுக்கு (எ குறிச்சொல், ஆனால் மீண்டும், சொற்பொருள் இலவசம்).

ட்ரீம்வீவரைப் பயன்படுத்துவதை நிறுத்துவதே இந்த விஷயங்களைக் கற்றுக்கொள்வதற்கு எளிதான விஷயம். நான் எனது தளங்களை ஃபோட்டோஷாப்பில் வடிவமைத்து, பின்னர் நான் விரும்பும் வரைகலை கூறுகளைச் சேமித்து, வண்ணக் குறியீடுகள் மற்றும் சீரமைப்பு நோக்கங்களுக்காக சில தோராயமான பிக்சல் அளவீடுகள் ஆகியவற்றைக் குறிப்பிடுகிறேன், பின்னர் தளத்தை TextWrangler அல்லது VIM இல் குறியீடு செய்கிறேன்.

ஃப்ளாய்ட்

அசல் போஸ்டர்
ஏப்ரல் 7, 2005
மான்டேரி மெக்சிகோ
  • ஏப்ரல் 28, 2006
stevep said: மீண்டும் இடுகையிட உங்களுக்கு நேரம் கிடைத்தால் நான் பார்க்க விரும்புகிறேன்.
இதோ, அதில் கொஞ்சம் ஸ்பானிஷ் இருக்கிறது, அது மிகவும் குழப்பமாக இல்லை என்று நம்புகிறேன்:

குறியீடு:
கிராண்ட் ஸ்கீம் html {உயரம்: 100%; } உடல் {விளிம்பு: 0; திணிப்பு: 0; உயரம்: 100%; அகலம்: 100%; } #இடது, #வலது { மிதவை: இடது; } #இடது {உயரம்:100%; பின்னணி நிறம்: ஆரஞ்சு; அகலம்: 10%; } #வலது {உயரம்: 100%; நிலை:உறவினர்; அகலம்: 90%; } #மேல் {பின்னணி நிறம்: நீலம்; உயரம்: 10%; } #படங்கள் {நிலை: உறவினர்; உயரம்: 90%; } #foto_sup_izq, #foto_sup_der, #foto_inf_izq, #foto_inf_der {உயரம்: 50%; அகலம்: 50%; வழிதல்: ஆட்டோ; நிலை: முழுமையான; } #foto_sup_izq, #foto_sup_der {top: 0; } #foto_sup_der, #foto_inf_der {இடது: 50%; } #foto_inf_izq, #foto_inf_der {மேல்: 50%; } img/forums/80/making-div-element-fill-remaining-vertical-space-4.jpg 

இணைப்புகள்

  • img/forums/80/making-div-element-fill-remaining-vertical-space-4.jpg'file-meta'> 36.3 KB · பார்வைகள்: 405